.tutorial-grid.svelte-1qz6wyt{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.tutorial-card.svelte-1qz6wyt{background:#14161e73;border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:2rem;text-align:left;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000047;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.tutorial-card.available.svelte-1qz6wyt:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 44px #00000073;border-color:#7877c680}.tutorial-card.coming-soon.svelte-1qz6wyt{opacity:.6;background:#0a0c1466}.status-badge.svelte-1qz6wyt{position:absolute;top:1rem;right:1rem;background-color:#ff6b6bcc;color:#fff;padding:.25rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tutorial-card.svelte-1qz6wyt h3:where(.svelte-1qz6wyt){font-size:1.5rem;color:#fff;margin:0 0 .75rem}.tutorial-card.svelte-1qz6wyt p:where(.svelte-1qz6wyt){color:#dce4ffe0;line-height:1.6;flex-grow:1}.card-footer.svelte-1qz6wyt{margin-top:1.5rem}.watch-button.svelte-1qz6wyt{display:block;width:100%;padding:.75rem 1.5rem;border-radius:50px;background-color:#4ecdc4;color:#1a1c24;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.watch-button.svelte-1qz6wyt:hover{background-color:transparent;color:#4ecdc4;border-color:#4ecdc4;transform:scale(1.02);box-shadow:0 5px 15px #4ecdc433}.practice-buttons-container.svelte-1qz6wyt{display:flex;gap:.75rem;margin-top:.75rem}.practice-button.svelte-1qz6wyt{flex:1;display:inline-block;padding:.6rem 1rem;border-radius:50px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);font-weight:500;text-align:center;text-decoration:none;transition:all .3s ease}.practice-button.svelte-1qz6wyt:hover{background:#ffffff1a;border-color:#fff}.landing.svelte-1qz6wyt{position:relative;min-height:100vh;overflow:hidden;background:transparent}.container.svelte-1qz6wyt{max-width:1440px;margin:0 auto;padding:1.25rem;overflow-x:hidden}.section.svelte-1qz6wyt{margin:.75rem auto;padding:3rem 2.5rem;background:#14161e66;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:2rem;color:#fff;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.hero-section.svelte-1qz6wyt{padding:5rem 2.5rem;border:1px solid rgba(255,255,255,.12)}.hero.svelte-1qz6wyt{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cfd8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-1qz6wyt-text-glow 2s ease-in-out infinite alternate}.subhero.svelte-1qz6wyt{font-size:1.28rem;line-height:1.65;margin-bottom:1.4rem;color:#ffffffdb}.section.svelte-1qz6wyt h2:where(.svelte-1qz6wyt){font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;position:relative;z-index:1}.animatable.svelte-1qz6wyt{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animatable.visible{opacity:1;transform:translateY(0)}@keyframes svelte-1qz6wyt-text-glow{0%{text-shadow:0 0 4px #fff,0 0 6px #6a5acd,0 0 12px #6a5acd}to{text-shadow:0 0 6px #fff,0 0 8px #836fff,0 0 16px #836fff}}.section.svelte-1qz6wyt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2rem;border:2px solid transparent;background:linear-gradient(90deg,#4ecdc4,#7877c6,#ff6b6b,#7877c6,#4ecdc4) border-box;background-size:200% auto;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .4s ease-in-out}.section.svelte-1qz6wyt:hover:before{opacity:1;animation:svelte-1qz6wyt-move-gradient-border 4s ease-in-out infinite}@keyframes svelte-1qz6wyt-move-gradient-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.container.svelte-1qz6wyt{padding:1rem}.section.svelte-1qz6wyt{padding:2.5rem 1.5rem}.hero-section.svelte-1qz6wyt{padding:3rem 1.5rem}.hero.svelte-1qz6wyt{font-size:clamp(2.2rem,10vw,2.8rem)}.subhero.svelte-1qz6wyt{font-size:1.1rem}.section.svelte-1qz6wyt h2:where(.svelte-1qz6wyt){font-size:2rem}.tutorial-grid.svelte-1qz6wyt{grid-template-columns:1fr}}