.hero-stats{font-size:0.95rem;color:var(--color-text-dim);gap:1.5rem}.hero-stats strong{color:var(--color-accent);font-weight:600;margin-right:0.25rem}:root{color-scheme:dark;--color-bg:#070709;--color-surface:#0f1118;--color-surface-alt:#151824;--color-surface-elevated:#1b1f2b;--color-border:#272a33;--color-border-subtle:rgba(255,255,255,0.08);--color-text:#f5f7fb;--color-text-dim:#9da4b7;--color-placeholder:rgba(244,244,246,0.55);--color-accent:#1e90ff;--color-accent-hover:#4d9aff;--color-accent-readable:#82cfff;--color-accent-readable-hover:#b2e2ff;--color-accent-badge-text:#92d4ff;--color-accent-badge-bg:rgba(30,144,255,0.16);--color-accent-badge-border:rgba(130,207,255,0.42);--color-success:#00b37e;--color-error:#ff4d4d;--blur:18px;--radius:12px;--shadow-soft:0 10px 28px rgba(0,0,0,0.25);--shadow-strong:0 25px 60px rgba(0,0,0,0.45);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--font-main:"Inter","Space Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk","Inter","Segoe UI",system-ui,-apple-system,sans-serif;--container-max:1180px;--container-max-wide:1280px;--fs--1:clamp(13px,0.65vw + 9px,15px);--fs-0:clamp(14px,0.88vw + 10px,16px);--fs-1:clamp(18px,1.1vw + 12px,20px);--fs-2:clamp(22px,1.4vw + 14px,26px);--fs-3:clamp(28px,1.8vw + 16px,34px);--fs-4:clamp(34px,2.2vw + 18px,44px);--lh-body:1.55;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px;--sp-6:64px;--nav-surface:rgba(7,7,9,0.85);--nav-surface-scrolled:rgba(7,7,9,0.92);--overlay-surface:rgba(3,4,8,0.55);--nav-toggle-bg:rgba(255,255,255,0.04);--nav-toggle-border:rgba(255,255,255,0.12);--nav-drawer-bg:rgba(10,10,15,0.98);--nav-shadow:-20px 0 50px rgba(0,0,0,0.55);--nav-link-hover-bg:rgba(255,255,255,0.08);--nav-link-hover-color:var(--color-text);--nav-link-active-bg:rgba(30,144,255,0.18);--nav-link-active-color:var(--color-accent);--btn-outline-border:rgba(255,255,255,0.35);--btn-outline-hover-border:rgba(255,255,255,0.6);--btn-outline-hover-bg:rgba(255,255,255,0.08);--btn-outline-text:var(--color-text);--hero-stats-bg:rgba(12,13,18,0.65);--hero-stats-border:rgba(255,255,255,0.08);--hero-stats-divider:rgba(255,255,255,0.15);--hero-stats-shadow:0 18px 45px rgba(0,0,0,0.45);--hero-stat-value:#f8fbff;--hero-stat-label:var(--color-text-dim);--hero-stat-glow:0 0 18px rgba(30,144,255,0.35);--max-width:var(--container-max);--progress:0%;--project-hero-gradient:linear-gradient(145deg,rgba(30,144,255,0.32),transparent 55%);--project-hero-surface:var(--color-surface-alt);--project-panel-bg:rgba(255,255,255,0.03);--project-border:var(--color-border);--project-chip-bg:rgba(255,255,255,0.05);--project-code-bg:#111320;--project-muted:var(--color-text-dim);--footer-column-bg:rgba(255,255,255,0.02);--footer-sitemap-bg:rgba(255,255,255,0.035);--footer-sitemap-border:rgba(255,255,255,0.1);--legal-meta-color:var(--color-text-dim);--legal-summary-bg:rgba(17,19,30,0.85);--legal-content-bg:linear-gradient(135deg,rgba(15,18,28,0.9),rgba(11,14,22,0.94));--legal-content-border:rgba(255,255,255,0.08);--legal-content-shadow:0 26px 70px rgba(0,0,0,0.32);--legal-accordion-bg:rgba(255,255,255,0.035);--legal-accordion-hover-bg:rgba(255,255,255,0.06);--btn-surface:rgba(255,255,255,0.04);--btn-surface-hover:rgba(255,255,255,0.08);--btn-shadow:0 18px 30px rgba(0,0,0,0.55);--btn-shadow-hover:0 28px 45px rgba(0,0,0,0.55);--btn-border-default:rgba(255,255,255,0.12)}@media (prefers-color-scheme:light){:root{color-scheme:light;--color-bg:#f8fafc;--color-surface:#ffffff;--color-surface-alt:#eef2f7;--color-surface-elevated:#ffffff;--color-border:rgba(15,23,42,0.12);--color-border-subtle:rgba(15,23,42,0.16);--color-text:#0f172a;--color-text-dim:#4a5165;--color-placeholder:rgba(15,23,42,0.45);--color-accent-readable:#0059b2;--color-accent-readable-hover:#004985;--color-accent-badge-text:#004f9e;--color-accent-badge-bg:rgba(0,89,178,0.11);--color-accent-badge-border:rgba(0,89,178,0.3);--shadow-soft:0 20px 40px rgba(15,23,42,0.12);--shadow-strong:0 40px 70px rgba(15,23,42,0.18);--nav-surface:rgba(255,255,255,0.82);--nav-surface-scrolled:rgba(255,255,255,0.94);--overlay-surface:rgba(9,10,18,0.15);--nav-toggle-bg:rgba(15,23,42,0.08);--nav-toggle-border:rgba(15,23,42,0.18);--nav-drawer-bg:rgba(255,255,255,0.98);--nav-shadow:-20px 0 35px rgba(15,23,42,0.2);--nav-link-hover-bg:rgba(15,23,42,0.08);--nav-link-hover-color:var(--color-accent);--nav-link-active-bg:rgba(30,144,255,0.12);--nav-link-active-color:var(--color-accent);--btn-outline-border:rgba(15,23,42,0.35);--btn-outline-hover-border:rgba(15,23,42,0.55);--btn-outline-hover-bg:rgba(15,23,42,0.08);--btn-outline-text:#0f172a;--hero-stats-bg:rgba(255,255,255,0.92);--hero-stats-border:rgba(15,23,42,0.08);--hero-stats-divider:rgba(15,23,42,0.12);--hero-stats-shadow:0 20px 40px rgba(15,23,42,0.08);--hero-stat-value:#0f62ff;--hero-stat-label:#4a5165;--hero-stat-glow:none;--max-width:var(--container-max);--progress:0%;--project-hero-gradient:linear-gradient(145deg,rgba(30,144,255,0.12),transparent 60%);--project-hero-surface:#eef2f7;--project-panel-bg:rgba(15,23,42,0.02);--project-border:rgba(15,23,42,0.12);--project-chip-bg:rgba(15,23,42,0.08);--project-code-bg:#f3f4f6;--project-muted:#4a5165;--footer-column-bg:rgba(255,255,255,0.75);--footer-sitemap-bg:rgba(255,255,255,0.92);--footer-sitemap-border:rgba(15,23,42,0.08);--btn-surface:rgba(255,255,255,0.92);--btn-surface-hover:#eef2f7;--btn-shadow:0 16px 35px rgba(15,23,42,0.18);--btn-shadow-hover:0 25px 45px rgba(15,23,42,0.22);--btn-border-default:rgba(15,23,42,0.08);--legal-meta-color:#647086;--legal-summary-bg:rgba(255,255,255,0.82);--legal-content-bg:rgba(255,255,255,0.9);--legal-content-border:rgba(15,23,42,0.12);--legal-content-shadow:0 24px 58px rgba(15,23,42,0.14);--legal-accordion-bg:rgba(248,250,252,0.94);--legal-accordion-hover-bg:rgba(239,246,255,0.98)}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text);line-height:var(--lh-body);overflow-x:clip}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);font-size:var(--fs-0);line-height:var(--lh-body);letter-spacing:0.01em;overflow-x:clip}body.no-scroll{overflow:hidden}.site-body{background-color:var(--color-bg);color:var(--color-text)}.page-content{min-height:100vh;background:radial-gradient(circle at 12% 20%,rgba(78,109,255,0.08),transparent 35%),radial-gradient(circle at 85% 12%,rgba(46,196,182,0.08),transparent 32%),var(--color-bg)}img,video{max-width:100%;height:auto}.testimonial-slider{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:22px;padding:clamp(1.5rem,2vw,2.5rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.5rem}.slider-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.slider-window{position:relative;min-height:220px}.testimonial-slide{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.5s ease,transform 0.5s ease;position:absolute;inset:0;padding:1rem 0;pointer-events:none}.testimonial-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);position:relative;pointer-events:auto}.testimonial-slide .quote{font-size:clamp(1rem,1.5vw,1.2rem);font-style:italic;color:var(--color-text);margin-bottom:1rem}.testimonial-slide .author{display:flex;flex-direction:column;gap:0.25rem;font-size:0.95rem;color:var(--color-text-dim)}.testimonial-link{font-size:0.9rem;color:#7bc1ff;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.testimonial-link:hover{color:#a7d8ff}.slider-controls{display:flex;gap:0.75rem;align-items:center}.slider-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:0.35rem 0.75rem;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease}.slider-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.slider-btn:disabled{opacity:0.45;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-dim)}.slider-indicators{display:flex;gap:0.5rem}.slider-indicators .indicator{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:transparent;padding:0;cursor:pointer;transition:transform 0.2s ease}.slider-indicators .indicator::before{content:"";width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border);background:transparent;transition:background 0.2s ease,border-color 0.2s ease}.slider-indicators .indicator.is-active{transform:scale(1.02)}.slider-indicators .indicator.is-active::before{background:var(--color-accent);border-color:var(--color-accent)}.slider-indicators .indicator:hover::before,.slider-indicators .indicator:focus-visible::before{border-color:var(--color-accent)}.slider-indicators .indicator:focus-visible{outline:2px solid rgba(30,144,255,0.68);outline-offset:2px}@media (pointer:coarse){.slider-indicators{gap:0.25rem;flex-wrap:wrap}.slider-indicators .indicator{width:44px;height:44px}}.testimonials-hero{text-align:center;padding:3rem 1rem 2rem;max-width:720px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;padding:0 clamp(1rem,4vw,2.5rem) 3rem}.testimonial-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:20px;padding:1.75rem;box-shadow:var(--shadow-soft);position:relative}.testimonial-card .quote-mark{font-size:2.5rem;line-height:1;color:var(--color-accent);position:absolute;top:1rem;left:1.5rem;opacity:0.35}.testimonial-card .quote{font-size:1rem;line-height:1.6;margin:0 0 1.25rem;font-style:italic;color:var(--color-text)}.author-block{display:flex;flex-direction:column;gap:0.35rem;color:var(--color-text-dim)}.author-block strong{color:var(--color-text)}.testimonial-card .testimonial-link{font-weight:600}.testimonial-card .timestamp{display:block;margin-top:1rem;font-size:0.85rem;color:var(--color-text-dim)}.testimonial-empty{grid-column:1 / -1;text-align:center;padding:2rem;border:1px dashed var(--color-border);border-radius:16px}@media (max-width:640px){.slider-controls{flex-wrap:wrap}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}p,li{color:var(--color-text);font-size:var(--fs-0);line-height:var(--lh-body);margin-bottom:0.65rem;max-width:72ch}.prose{max-width:72ch;margin-inline:auto}.prose p,.prose li{max-width:72ch}.eyebrow{letter-spacing:0.18em;text-transform:uppercase;font-size:0.78rem;color:var(--color-text-dim);font-weight:600;margin-bottom:0.4rem;display:inline-flex;align-items:center;gap:0.25rem}.site-nav{margin-top:0;padding:0;background:rgba(18,18,20,0.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 1px 8px rgba(0,0,0,0.4);position:sticky;top:0;z-index:100}main,.container,.section{margin-top:0.5rem}.page-shell{width:100%;margin:0 auto;padding:var(--sp-3) clamp(var(--sp-2),4vw,var(--sp-4));max-width:calc(var(--container-max-wide) + 2 * var(--sp-4))}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.px-3{padding-left:var(--sp-2);padding-right:var(--sp-2)}.px-4{padding-left:var(--sp-3);padding-right:var(--sp-3)}.py-2{padding-top:var(--sp-1);padding-bottom:var(--sp-1)}.py-6{padding-top:3rem;padding-bottom:3rem}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.gap-3{gap:var(--sp-2)}.text-center{text-align:center}.fw-bold{font-weight:700}.lead{font-size:var(--fs-1);color:var(--color-text);line-height:1.7}.rounded-pill{border-radius:999px}.section-container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:clamp(var(--sp-2),4vw,var(--sp-4))}.page-section{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-4) clamp(var(--sp-2),4vw,var(--sp-4)) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.page-section>*{margin-top:0}.section-container>.text-center.mt-5{margin-top:var(--sp-5)}.bg-dark{background-color:var(--color-bg)}.bg-alt{background-color:var(--color-surface-alt)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 1.5rem;max-width:var(--max-width);margin:0 auto;position:relative}.hero-text{color:var(--color-text);z-index:2}.hero-text .title{font-size:clamp(2.75rem,4vw,3.6rem);font-weight:700;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;line-height:1.1;font-family:var(--font-display)}.hero-text .description{font-size:clamp(1rem,1.1vw + 0.5rem,1.2rem);color:var(--color-text-dim);margin-bottom:2rem;max-width:520px;line-height:1.6}.hero-text .btn-group{display:flex;gap:0.75rem}.btn-lg{padding:0.65rem 1.25rem;border-radius:8px;font-size:0.95rem;font-weight:600;min-width:auto;box-shadow:0 3px 10px rgba(0,123,255,0.2);transition:all 0.3s ease}.btn-lg:hover{background:var(--btn-surface-hover);color:var(--color-text);transform:translateY(-2px) scale(1.03);box-shadow:var(--btn-shadow-hover);animation:glowPulse 2.5s infinite alternate ease-in-out}.btn-lg:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(0,123,255,0.25)}.btn-map{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:6px;font-weight:500;color:#fff;font-size:0.75rem;display:inline-flex;align-items:center;justify-content:center;transition:all 0.25s ease;box-shadow:0 1px 3px rgba(0,0,0,0.15);height:40px}.btn-map i{font-size:0.8rem;margin-right:4px}.btn-map:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-4) clamp(var(--sp-2),3vw,var(--sp-4))}@media (min-width:1400px){.container{max-width:var(--container-max-wide)}}@media (max-width:640px){.container{padding:var(--sp-3) var(--sp-2)}.section-container{padding-inline:var(--sp-2)}.page-section{padding:var(--sp-3) var(--sp-2) var(--sp-5);gap:var(--sp-3)}}.section{padding:var(--sp-5) 0}.section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--color-text);position:relative;font-weight:700}.section-title::after{content:"";display:block;width:80px;height:4px;margin:0.75rem auto 0;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));box-shadow:0 0 8px var(--color-accent)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;color:var(--color-text);letter-spacing:-0.01em;margin-top:0}h1{font-size:var(--fs-4);line-height:1.12;margin-bottom:var(--sp-3)}h2{font-size:var(--fs-3);line-height:1.18;margin-bottom:var(--sp-2)}h3{font-size:var(--fs-2);line-height:1.25;margin-bottom:var(--sp-2)}h4{font-size:var(--fs-1);margin-bottom:var(--sp-1)}h5{font-size:var(--fs-0);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-dim);margin-bottom:var(--sp-1)}.page-title{font-size:clamp(1.85rem,3vw,2.75rem);font-weight:700;margin:var(--sp-3) auto var(--sp-4);letter-spacing:-0.02em;line-height:1.18;max-width:46ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}label,.form-label{display:inline-flex;align-items:center;gap:0.4rem;font-weight:600;color:var(--color-text);margin-bottom:0.4rem}.form-label .required-indicator,label .required-indicator{color:var(--color-error)}input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],select,textarea,.form-control{width:100%;min-height:52px;border-radius:var(--radius);border:1px solid var(--color-border-subtle);background:rgba(255,255,255,0.02);color:var(--color-text);padding:0.75rem 1rem;font-size:var(--fs-0);transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;font-family:var(--font-main)}select,.form-select{color-scheme:dark}select option,.form-select option{background:var(--color-surface);color:var(--color-text)}@media (prefers-color-scheme:light){select,.form-select{color-scheme:light}}textarea{min-height:140px;resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}input:focus,textarea:focus,select:focus,.form-control:focus{border-color:rgba(30,144,255,0.8);box-shadow:0 0 0 3px rgba(30,144,255,0.25);outline:none;background:rgba(255,255,255,0.04)}.form-help{display:block;margin-top:0.35rem;font-size:var(--fs--1);color:var(--color-text-dim)}.form-error{color:var(--color-error);font-size:var(--fs--1);margin-top:0.35rem}.site-nav{position:sticky;top:0;width:100%;backdrop-filter:blur(var(--blur));background:var(--nav-surface);border-bottom:1px solid var(--color-border-subtle);z-index:1000;transition:padding 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;padding-block:0}.site-nav.is-scrolled{box-shadow:0 20px 40px rgba(0,0,0,0.45);background:var(--nav-surface-scrolled)}.site-nav .nav-container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-block:0.85rem}.nav-brand{font-weight:700;font-size:var(--fs-2);color:var(--color-text);letter-spacing:-0.02em;text-decoration:none}.nav-brand span{color:var(--color-accent)}.nav-toggle{display:none;width:46px;height:46px;border-radius:999px;background:var(--nav-toggle-bg,rgba(255,255,255,0.04));border:1px solid var(--nav-toggle-border,rgba(255,255,255,0.12));color:var(--color-text);align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),transform var(--transition);padding:0}.nav-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:opacity 0.2s ease,transform 0.2s ease}.nav-icon-open{display:none}.nav-toggle[aria-expanded="true"] .nav-icon-closed{display:none}.nav-toggle[aria-expanded="true"] .nav-icon-open{display:block}.nav-menu{display:flex;gap:var(--sp-2);align-items:center}.nav-menu ul{display:flex;gap:var(--sp-2);list-style:none;padding:0;margin:0}.nav-menu .nav-utility-links{gap:var(--sp-1);padding-left:var(--sp-2);margin-left:var(--sp-1);border-left:1px solid var(--color-border-subtle)}.nav-menu a{color:var(--color-text);padding:0.35rem 0.75rem;border-radius:999px;font-weight:500;text-decoration:none;transition:color var(--transition),background var(--transition)}.nav-menu .nav-utility-links a{font-size:var(--fs--1);color:var(--color-text-dim);padding:0.3rem 0.65rem}.nav-menu a:hover,.nav-menu a:focus-visible{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-color)}.nav-menu a[aria-current="page"]{background:var(--nav-link-active-bg);color:var(--nav-link-active-color);box-shadow:inset 0 -2px 0 var(--color-accent);font-weight:600}.nav-menu .nav-utility-links a[aria-current="page"]{background:rgba(30,144,255,0.14);color:var(--color-accent);box-shadow:none}.nav-overlay{display:none;position:fixed;inset:0;background:var(--overlay-surface);z-index:900;opacity:0;transition:opacity 0.2s ease}.nav-overlay.is-visible{display:block;opacity:1}@media (max-width:960px){.site-nav .nav-container{padding-block:0.75rem}.nav-toggle{display:inline-flex}.nav-menu{display:none;position:fixed;inset:0 0 0 auto;width:min(420px,100vw);flex-direction:column;justify-content:flex-start;align-items:flex-start;background:var(--nav-drawer-bg,rgba(10,10,15,0.98));backdrop-filter:blur(22px);border-left:1px solid var(--color-border-subtle);padding:var(--sp-4);transform:translateX(105%);transition:transform 0.3s ease;box-shadow:var(--nav-shadow,-20px 0 50px rgba(0,0,0,0.55));z-index:950;min-height:100vh;overflow-y:auto;max-width:100vw;pointer-events:none;visibility:hidden;opacity:0}.nav-menu.is-open{display:flex;transform:translateX(0);pointer-events:auto;visibility:visible;opacity:1}.nav-menu ul{flex-direction:column;width:100%;gap:var(--sp-1)}.nav-menu .nav-utility-links{border-left:0;margin-left:0;padding-left:0;margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--color-border-subtle)}.nav-menu a{width:100%;padding:0.65rem 1rem}.nav-menu .nav-utility-links a{padding:0.55rem 1rem;font-size:var(--fs-0)}}.modal-content{background:rgba(19,19,27,0.95);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);color:var(--color-text)}.modal-header,.modal-footer{border-color:rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}.modal-title{font-size:var(--fs-2);color:var(--color-text)}.modal-body input,.modal-body textarea,.modal-body select{background:rgba(255,255,255,0.03)}.modal-backdrop.show{opacity:0.85;background:rgba(0,0,0,0.8)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;padding:0.65rem 1.6rem;border-radius:999px;border:1px solid var(--btn-border-default);cursor:pointer;font-weight:600;font-size:var(--fs-0);line-height:1;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,color 0.2s ease,border-color 0.2s ease,opacity 0.2s ease;min-width:0;min-height:46px;text-align:center;background:var(--btn-surface);color:var(--color-text);box-shadow:var(--btn-shadow);text-decoration:none;backdrop-filter:blur(12px)}.btn::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,0.25),transparent 60%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--btn-shadow-hover);background:var(--btn-surface-hover)}.btn:hover::after{opacity:1}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:3px solid rgba(30,144,255,0.4);outline-offset:2px}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.55;cursor:not-allowed;box-shadow:none}.btn-primary,.btn-main{background:linear-gradient(140deg,var(--color-accent),var(--color-accent-hover)) !important;color:#fff !important;border-color:transparent;box-shadow:0 18px 35px rgba(30,144,255,0.45)}.btn-primary::after,.btn-main::after{background:linear-gradient(120deg,rgba(255,255,255,0.45),transparent 55%)}.btn-brand{color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(0,0,0,0.25)}.btn-brand-youtube{background:#ff0000}.btn-brand-youtube:hover:not(:disabled){background:#cc0000}.blog-youtube-cta-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-youtube-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0.55rem 1.05rem;border-radius:999px;border:1px solid rgba(255,255,255,0.2);background:linear-gradient(135deg,#ff2d2d,#d90000);color:#ffffff !important;font-weight:700;letter-spacing:0.01em;box-shadow:0 14px 28px rgba(217,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.24)}.blog-youtube-cta:hover:not(:disabled){background:linear-gradient(135deg,#ff4545,#be0000);color:#ffffff !important;transform:translateY(-1px)}.blog-youtube-cta:focus-visible{outline:3px solid rgba(255,68,68,0.35);outline-offset:2px}.blog-youtube-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.2);font-size:0.7rem;padding-left:1px}.blog-youtube-cta__note{font-size:0.82rem;color:var(--color-text-dim)}.tutorial-detail-page .blog-youtube-cta-wrap{justify-content:center;margin-top:1.35rem !important}.tutorial-detail-page .blog-youtube-cta{min-height:52px;padding:0.72rem 1.35rem;font-size:1.02rem;box-shadow:0 18px 34px rgba(217,0,0,0.42),0 0 0 1px rgba(255,255,255,0.16) inset,inset 0 1px 0 rgba(255,255,255,0.24)}.tutorial-detail-page .blog-youtube-cta__icon{width:28px;height:28px;font-size:0.76rem}@media (max-width:575.98px){.blog-youtube-cta{width:100%;justify-content:center}}.btn-brand-discord{background:#5865f2}.btn-brand-discord:hover:not(:disabled){background:#4752c4}.btn-brand-github{background:#111111;color:#f5f5f5}.btn-brand-github:hover:not(:disabled){background:#000000;color:#ffffff}.btn-brand-x{background:#000000;color:#ffffff}.btn-brand-x:hover:not(:disabled){background:#111111;color:#ffffff}.btn-brand-linkedin{background:#0a66c2;color:#ffffff}.btn-brand-linkedin:hover:not(:disabled){background:#084f96;color:#ffffff}.btn-brand-telegram{background:#229ed9;color:#ffffff}.btn-brand-telegram:hover:not(:disabled){background:#1a7cab;color:#ffffff}.btn-brand-telegram-community{background:#1f8fc4;color:#ffffff}.btn-brand-telegram-community:hover:not(:disabled){background:#176f98;color:#ffffff}.btn-brand-whatsapp{background:#25d366;color:#ffffff}.btn-brand-whatsapp:hover:not(:disabled){background:#1db357;color:#ffffff}.btn-brand-instagram{background:linear-gradient(135deg,#833ab4,#e1306c 55%,#f77737);color:#ffffff}.btn-brand-instagram:hover:not(:disabled){filter:brightness(0.94);color:#ffffff}.btn .icon-img{width:16px;height:16px;flex-shrink:0;position:relative;top:1px}.btn-primary:hover,.btn-main:hover{transform:translateY(-2px);box-shadow:0 24px 45px rgba(30,144,255,0.5);background:linear-gradient(140deg,var(--color-accent),var(--color-accent-hover)) !important;color:#fff !important;border-color:transparent !important}.btn-outline{background:transparent;border-color:var(--btn-outline-border);color:var(--btn-outline-text);box-shadow:none}.btn-outline::after{display:none}.btn-outline:hover{background:var(--btn-outline-hover-bg);border-color:var(--btn-outline-hover-border);color:var(--color-text)}.btn-subtle{background:rgba(255,255,255,0.05);border-color:transparent;color:var(--color-text);box-shadow:none}.btn-subtle:hover{background:rgba(255,255,255,0.08)}.btn-sm{padding:0.45rem 1.1rem;min-height:38px;font-size:var(--fs--1)}.card-footer .btn{padding:0.45rem 1.2rem;min-height:38px;font-size:var(--fs--1);line-height:1;border-radius:12px}.btn-md{padding:0.65rem 1.6rem;min-height:44px}.btn-lg{padding:0.85rem 2.25rem;font-size:var(--fs-1);min-height:52px}.btn[data-loading="true"]{pointer-events:none;color:transparent}.btn[data-loading="true"]::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.35);border-top-color:#fff;animation:spin 0.6s linear infinite;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.back-to-top{position:fixed;bottom:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,3vw,2.5rem);width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,0.15);background:linear-gradient(150deg,rgba(255,255,255,0.08),rgba(255,255,255,0));color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 35px rgba(0,0,0,0.4);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translateY(10px) scale(0.9);transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;z-index:1200}.back-to-top svg{width:20px;height:20px;fill:currentColor}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{box-shadow:0 20px 40px rgba(0,0,0,0.45)}@media (prefers-reduced-motion:reduce){.btn,.back-to-top{transition-duration:0.01ms;transition-delay:0s}}#bmc-wbtn{right:12px !important;left:auto !important;max-width:calc(100vw - 24px) !important;overflow:hidden !important}#bmc-wbtn iframe,#bmc-wbtn>*{max-width:100% !important}.card{background:var(--color-surface-elevated);border-radius:var(--radius);padding:var(--sp-4);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;display:flex;flex-direction:column;min-height:100%}.card:hover{border-color:rgba(30,144,255,0.35);box-shadow:0 16px 28px rgba(0,0,0,0.3);transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;gap:1rem;padding:0}.card h1,.card h2,.card h3,.card h4,.card h5{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--sp-1)}.card h2{font-size:clamp(1.15rem,1vw + 0.85rem,1.6rem);letter-spacing:-0.01em}.card h5,.card .card-heading{font-size:clamp(1rem,0.75vw + 0.65rem,1.25rem);font-weight:600}.card-heading{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--sp-1)}.card p{max-width:100%}.card img{border-radius:calc(var(--radius) - 4px);margin-bottom:var(--sp-2);width:100%;height:auto;object-fit:cover}.card-excerpt{color:var(--color-text-dim);margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;padding-top:var(--sp-2);display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.card .badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:0.75rem;padding:0.15rem 0.5rem;border-radius:8px;margin-top:0.5rem;font-weight:600;user-select:none;letter-spacing:0.02em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4);justify-items:stretch;align-items:stretch}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.equal-height-grid{display:grid;align-items:stretch;justify-items:stretch}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-3)}.feature-card{display:flex;flex-direction:column;min-height:100%;gap:var(--sp-2)}.feature-card-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:calc(var(--radius) - 4px)}.card-img-wide{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:10px}.feature-card-body{display:flex;flex-direction:column;gap:var(--sp-1);flex:1}.blog-news-layout{display:grid;gap:0.95rem}.blog-news-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0;border-radius:18px;padding:0;overflow:hidden}.blog-news-feature__media{display:block;min-height:clamp(220px,34vw,380px);position:relative;background:var(--color-surface-alt)}.blog-news-feature__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.04),rgba(0,0,0,0.22));pointer-events:none}.blog-news-feature__media img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;display:block}.blog-news-feature__content{padding:clamp(1rem,2.2vw,1.4rem);display:flex;flex-direction:column;gap:0.6rem}.blog-news-feature__content>.btn{width:fit-content;margin-top:auto}.blog-news-kicker{display:inline-flex;width:fit-content;font-size:0.73rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#8ecbff;border:1px solid rgba(138,203,255,0.42);background:rgba(30,144,255,0.2);border-radius:999px;padding:0.22rem 0.65rem}.blog-news-feature__title{margin:0;font-size:clamp(1.25rem,1.15rem + 0.8vw,1.85rem);line-height:1.22}.blog-news-feature__title a{color:var(--color-text);text-decoration:none}.blog-news-feature__title a:hover{color:var(--color-accent)}.blog-news-feature__excerpt{margin:0;color:var(--color-text-dim);line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.blog-news-meta{margin:0;font-size:0.86rem;color:var(--color-text-dim);display:flex;flex-wrap:wrap;gap:0.22rem 0.45rem;align-items:center}.blog-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0.85rem}.blog-index-page .blog-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-news-card{padding:0;border-radius:14px;overflow:hidden}.blog-news-card__media{display:block;aspect-ratio:16 / 9;background:var(--color-surface-alt)}.blog-news-card__media img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;display:block}.blog-news-image-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,144,255,0.24),rgba(16,20,30,0.88));color:#fff;font-size:0.9rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.blog-news-card__content{padding:0.72rem 0.82rem 0.9rem;display:grid;gap:0.36rem}.blog-news-card__title{margin:0;font-size:1.03rem;line-height:1.35}.blog-news-card__title a{color:var(--color-text);text-decoration:none}.blog-news-card__title a:hover{color:var(--color-accent)}.blog-news-card__excerpt{margin:0;color:var(--color-text-dim);line-height:1.5;font-size:0.93rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-page .blog-news-layout--home .blog-news-feature{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.home-page .blog-news-layout--home .blog-news-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:980px){.blog-news-feature{grid-template-columns:minmax(0,1fr)}.blog-index-page .blog-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .blog-news-layout--home .blog-news-feature{grid-template-columns:minmax(0,1fr)}.blog-news-feature__media{min-height:clamp(220px,42vw,320px)}.home-page .blog-news-layout--home .blog-news-feature__media{min-height:clamp(180px,45vw,280px)}}@media (max-width:760px){.blog-news-grid{grid-template-columns:minmax(0,1fr)}.blog-index-page .blog-news-grid{grid-template-columns:minmax(0,1fr)}.home-page .blog-news-layout--home .blog-news-grid{grid-template-columns:minmax(0,1fr)}.blog-news-feature__title{font-size:clamp(1.14rem,1rem + 1vw,1.45rem)}.blog-news-feature__excerpt{-webkit-line-clamp:3}.blog-news-feature__content{padding:0.9rem 0.85rem;gap:0.5rem}.blog-news-card__content{padding:0.68rem 0.72rem 0.82rem}}.tech-badge{display:inline-flex;align-items:center;padding:0.25rem 0.65rem;border-radius:999px;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(30,144,255,0.2);color:#8ecbff;border:1px solid rgba(138,203,255,0.42)}.tech-stack{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:var(--sp-1)}@media (prefers-color-scheme:light){.testimonial-link{color:#0b57d0}.testimonial-link:hover{color:#0a43a2}.blog-news-kicker{color:#0c4dae;border-color:rgba(12,77,174,0.36);background:rgba(12,77,174,0.12)}.blog-news-feature__excerpt,.blog-news-card__excerpt,.blog-news-meta{color:#3d485c}.tech-badge{color:#0c4dae;border-color:rgba(12,77,174,0.33);background:rgba(12,77,174,0.12)}.tutorial-discovery-card{box-shadow:0 16px 34px rgba(15,23,42,0.09)}.tutorial-discovery-pill--collection{color:#0c4dae;border-color:rgba(12,77,174,0.35);background:rgba(255,255,255,0.85)}.tutorial-discovery-pill--difficulty{color:#0f5132;border-color:rgba(15,81,50,0.25);background:rgba(201,248,226,0.9)}.footer-logo span{color:var(--color-accent)}.footer-brand p{color:var(--color-text-dim)}}.glass{background:rgba(255,255,255,0.02);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);border-radius:calc(var(--radius) + 2px);box-shadow:0 12px 32px rgba(0,0,0,0.25)}.surface{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-soft)}footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text);padding:clamp(2.5rem,5vw,4.5rem) 0 var(--sp-4);margin-top:clamp(3rem,6vw,5rem)}.site-footer .container{padding-top:0;padding-bottom:0}.footer-inner{display:grid;grid-template-columns:minmax(260px,0.85fr) minmax(0,1.45fr);gap:clamp(2rem,5vw,4.5rem);align-items:flex-start}.footer-brand{display:grid;gap:1.1rem;max-width:430px}.footer-logo{display:inline-flex;align-items:center;gap:0.35rem;justify-self:start;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text);text-decoration:none}.footer-logo span{color:var(--color-accent)}.footer-brand p{margin:0;color:var(--color-text-dim);font-size:1rem;line-height:1.7}.footer-social{display:flex;flex-wrap:wrap;gap:0.55rem}.footer-social-link{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-alt);color:var(--color-text);text-decoration:none;transition:transform var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.footer-social-link:hover,.footer-social-link:focus-visible{border-color:rgba(30,144,255,0.55);background:var(--color-surface-elevated);color:var(--color-accent);transform:translateY(-2px)}.footer-social-link--linkedin{color:#0a66c2;border-color:rgba(10,102,194,0.42);background:linear-gradient(145deg,rgba(10,102,194,0.16),var(--color-surface-alt))}.footer-social-link--linkedin:hover,.footer-social-link--linkedin:focus-visible{color:#ffffff;border-color:rgba(10,102,194,0.78);background:#0a66c2}.footer-sitemap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2rem)}.footer-column h2,.newsletter h2{color:var(--color-text);font-size:0.82rem;font-weight:800;margin:0 0 0.95rem;letter-spacing:0.1em;text-transform:uppercase}.footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:0.55rem}.footer-column a{color:var(--color-text-dim);font-weight:600;line-height:1.45;text-decoration:none}.footer-column a:hover,.footer-column a:focus-visible{color:var(--color-accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:clamp(2rem,4vw,3rem);padding-top:var(--sp-3);border-top:1px solid var(--color-border);color:var(--color-text-dim);font-size:0.95rem}.footer-bottom-links{display:inline-flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.footer-bottom-links a,.footer-cookie-preferences{color:inherit;font-weight:500;text-decoration:none}.footer-bottom-links a:hover,.footer-bottom-links a:focus-visible,.footer-cookie-preferences:hover,.footer-cookie-preferences:focus-visible{color:var(--color-accent)}.footer-cookie-preferences{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;padding:0}.footer-cookie-preferences:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.newsletter{background:var(--color-surface-alt);padding:3rem 1.5rem;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow-soft);max-width:var(--max-width);margin:3rem auto var(--sp-4)}.newsletter-form{max-width:600px;margin:var(--sp-3) auto 0;display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch}@media (min-width:600px){.newsletter-form{flex-direction:row;align-items:center;justify-content:center}}.newsletter-subscribe-btn{border-radius:0.6rem !important;box-shadow:0 2px 8px rgba(0,123,255,0.18);margin-left:0 !important;margin-top:0 !important}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mt-3{margin-top:1.5rem !important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:0.5rem}.gap-2{gap:0.75rem}.rounded{border-radius:var(--radius)}.shadow{box-shadow:var(--shadow-soft)}.fade-in{animation:fadeIn 0.5s ease forwards;opacity:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0);opacity:1}}.hover-glow:hover{box-shadow:0 0 8px 3px rgba(30,144,255,0.35);transition:box-shadow 0.3s ease}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}@media (max-width:640px){.grid,.grid-2,.grid-3,.feature-grid,.form-grid,.testimonials-grid,.account-deletion-notices{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-group-full{grid-column:1 / -1}.form-label{font-weight:600;color:var(--color-text)}.form-control{font:inherit}.captcha-input{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.captcha-question{background:rgba(30,144,255,0.1);border:1px solid rgba(30,144,255,0.3);color:var(--color-accent);border-radius:var(--radius);padding:0.25rem 0.75rem;font-weight:600;letter-spacing:0.05em}.alert{border-radius:var(--radius);padding:0.75rem 1rem;border:1px solid transparent;margin-bottom:1.5rem}.contact-form-section{margin-top:var(--sp-5)}.contact-form-shell{display:grid;gap:var(--sp-4);padding:clamp(1.5rem,4vw,3rem);border-radius:calc(var(--radius) + 8px);border:1px solid var(--color-border-subtle);background:linear-gradient(145deg,rgba(30,144,255,0.12),rgba(255,255,255,0.02));box-shadow:var(--shadow-soft)}@media (min-width:960px){.contact-form-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:flex-start}}.contact-form-info{display:flex;flex-direction:column;gap:1.25rem}.contact-form-highlights{list-style:none;margin:0;padding:0;display:grid;gap:0.85rem}.contact-form-highlights li{display:flex;justify-content:space-between;align-items:baseline;padding:0.85rem 1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}.contact-form-highlights span{font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-dim)}.contact-form-highlights strong{font-size:1.05rem;color:var(--color-text)}.contact-form-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.75rem}.contact-form-meta a{color:var(--color-text);font-weight:500;display:inline-flex;align-items:center;gap:0.35rem}.contact-form-meta a::before{content:"•";color:var(--color-accent)}.contact-form-panel{background:var(--color-surface);border-radius:calc(var(--radius) + 4px);border:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-soft)}.contact-form-panel .form-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-form-panel .form-control{min-height:46px;padding:0.65rem 0.9rem}.contact-form-panel .form-select{min-height:46px;padding:0.65rem 2.5rem 0.65rem 0.9rem;background-color:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.contact-form-panel .form-control:disabled{cursor:not-allowed;opacity:1;background:linear-gradient(145deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01)),var(--color-surface-alt);color:var(--color-text-dim)}.contact-form-panel textarea{min-height:120px}.contact-form-panel .captcha-input{width:100%;padding:0.4rem;border-radius:var(--radius);background:rgba(255,255,255,0.02)}.contact-form-panel .captcha-question{margin-left:0.25rem}.contact-form-panel .form-group{gap:0.35rem}.contact-form .field-validation-error{display:block;margin-top:0.15rem;font-size:var(--fs--1);font-weight:700}.contact-form .input-validation-error{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(255,77,77,0.18)}.contact-form .form-validation-summary{padding:0.85rem 1rem;border:1px solid rgba(255,77,77,0.35);border-radius:var(--radius);background:rgba(255,77,77,0.11)}.contact-form .form-validation-summary:empty{display:none}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.form-actions .hint{margin:0}.alert-success{background:rgba(0,179,126,0.15);border-color:rgba(0,179,126,0.35);color:var(--color-text)}.text-danger{color:var(--color-error)}.text-success{color:var(--color-success)}.alert-error{background:rgba(255,77,77,0.18);border-color:rgba(255,77,77,0.4);color:var(--color-text)}input,textarea,select{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:0.75rem 1rem;width:100%;transition:border-color var(--transition),box-shadow var(--transition);font-family:var(--font-main);font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,123,255,0.3);outline:none}@media (max-width:992px){.footer-inner{grid-template-columns:1fr}.footer-sitemap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.section{padding:2.5rem 0}.card{padding:1.5rem}.hero{padding:3rem 1rem}.hero-text .title{font-size:2.5rem}.footer-inner{grid-template-columns:1fr;gap:2.5rem}.footer-sitemap{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.75rem}.footer-column h2{font-size:0.82rem;margin-bottom:0.95rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:0.75rem}}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.4rem;margin-top:0;margin-bottom:1rem}}@media (max-width:600px){.btn{width:100%;font-size:1.05rem;padding:1rem}.section{padding:2.5rem 1rem}.section-title{font-size:1.7rem}footer{font-size:0.9rem;padding:2rem 0}.footer-bottom{align-items:center;text-align:center}.footer-bottom-links{justify-content:center}.footer-social{justify-content:center}}.site-nav ul li a{display:inline-block;padding-top:0.1rem;position:relative;top:2px}.blog .card{height:100%;display:flex;flex-direction:column;justify-content:space-between}.blog .read-all-articles{margin-top:1.5rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:75vh;background:radial-gradient(circle at 70% 50%,rgba(0,122,255,0.08),transparent 70%);overflow:hidden;padding:3rem 0}.hero-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:90%;width:100%;margin:0 auto;padding:2rem 1.5rem;z-index:2;gap:3rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--color-text)}.hero-title .highlight{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--color-text-dim);margin-top:1rem;font-size:1.1rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hero-stats-modern{display:flex;justify-content:space-around;align-items:center;background:var(--hero-stats-bg);border-radius:16px;padding:1.5rem 3rem;margin-top:3rem;backdrop-filter:blur(16px);box-shadow:var(--hero-stats-shadow);border:1px solid var(--hero-stats-border)}.hero-stats-modern .stat{text-align:center}.hero-stats-modern .value{font-size:clamp(1.5rem,2vw + 1rem,2.2rem);font-weight:700;color:var(--hero-stat-value);text-shadow:var(--hero-stat-glow);font-family:var(--font-display)}.hero-stats-modern .label{color:var(--hero-stat-label);font-size:0.95rem;margin-top:0.25rem;letter-spacing:0.04em;text-transform:uppercase}.hero-stats-modern .divider{width:1px;height:2rem;background:var(--hero-stats-divider)}@media (max-width:768px){.hero-stats-modern{flex-direction:column;gap:1rem;padding:1.5rem}.hero-stats-modern .divider{display:none}}.hero-visual{display:none !important}@media (max-width:992px){.hero-inner{flex-direction:column;text-align:center;gap:2.5rem;padding:4rem 1rem}.hero-title{font-size:2.6rem}.hero-stats-bar{justify-content:center;flex-wrap:wrap;gap:2rem}.hero-buttons{justify-content:center}}@media (max-width:1200px){.hero-inner{max-width:94%}}@media (max-width:992px){.hero-inner{flex-direction:column;text-align:center;max-width:95%;padding:3rem 1rem;gap:2rem}.hero-title{font-size:2.6rem;margin-top:0}.hero-stats-modern{width:100%;justify-content:space-around;margin-top:2rem}}@media (max-width:640px){.hero-buttons{width:100%;flex-direction:column}.hero-buttons .btn{width:100%}}@media (max-width:900px){.footer-inner{grid-template-columns:1fr;gap:var(--sp-4)}.footer-sitemap{padding:0}.footer-bottom{flex-direction:column;align-items:flex-start;text-align:left}.footer-bottom-links{flex-wrap:wrap}}.hint{color:var(--color-text-dim);font-size:0.9rem}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:18px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft)}.tutorial-filter-panel{grid-template-columns:minmax(0,1fr);gap:1rem}.tutorial-filter-panel__head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.tutorial-filter-panel__head h2{margin:0 0 0.3rem;font-size:1.18rem;line-height:1.35}.tutorial-filter-panel__head p{margin:0;color:var(--color-text-dim);max-width:68ch}.tutorial-filter-panel__head>span{color:var(--color-text-dim);font-weight:700;white-space:nowrap}.tutorial-filter-primary,.tutorial-filter-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.85rem}.tutorial-filter-primary .filter-field--search{grid-column:span 2}.tutorial-filter-more{border-top:1px solid var(--color-border-subtle);padding-top:0.85rem}.tutorial-filter-more summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--color-text);font-weight:800;list-style:none}.tutorial-filter-more summary::-webkit-details-marker{display:none}.tutorial-filter-more summary small{color:var(--color-text-dim);font-weight:600}.tutorial-filter-more__grid{margin-top:0.85rem}.filter-field{display:flex;flex-direction:column;gap:0.35rem}.filter-field label{font-size:0.9rem;font-weight:600;letter-spacing:0.02em;color:var(--color-text-dim)}.filter-field input,.filter-field select{border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text);border-radius:12px;padding:0.65rem 0.85rem;font-size:0.95rem;transition:border-color 0.2s ease,background 0.2s ease;appearance:none;min-height:44px}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:rgba(30,144,255,0.65);background:rgba(30,144,255,0.08);box-shadow:0 0 0 3px rgba(30,144,255,0.18)}.filter-field select option{background:var(--color-surface);color:var(--color-text)}.filter-feedback{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-dim);font-size:0.95rem;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.filter-feedback button{border:none;background:transparent;color:#61dafb;cursor:pointer;font-weight:600;min-height:44px;padding-inline:0.35rem}.filter-empty{display:none;text-align:center;padding:2.5rem 1rem;border-radius:16px;border:1px dashed var(--color-border-subtle);color:var(--color-text-dim);background:var(--color-surface-alt);font-size:1rem}.filter-empty.is-visible{display:grid;gap:0.65rem;justify-items:center}.filter-empty h2,.filter-empty p{margin:0}.tutorial-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:0.55rem;margin:-0.45rem 0 1rem;color:var(--color-text-dim);font-size:0.9rem}.tutorial-active-filters>span{font-weight:800;color:var(--color-text)}.tutorial-active-filter-chip,.tutorial-active-filter-clear{display:inline-flex;align-items:center;gap:0.4rem;min-height:34px;border-radius:999px;text-decoration:none;line-height:1.2}.tutorial-active-filter-chip{border:1px solid rgba(30,144,255,0.32);background:rgba(30,144,255,0.11);color:var(--color-text);padding:0.32rem 0.62rem;max-width:100%;overflow-wrap:anywhere}.tutorial-active-filter-chip span{color:var(--color-accent);font-weight:900}.tutorial-active-filter-clear{color:var(--color-text-dim);padding:0.32rem 0.2rem;font-weight:700}.tutorial-active-filter-chip:hover,.tutorial-active-filter-chip:focus-visible,.tutorial-active-filter-clear:hover,.tutorial-active-filter-clear:focus-visible{color:var(--color-accent)}.not-found-page{max-width:980px;margin-inline:auto}.not-found-card{padding:clamp(1.35rem,3.2vw,2.25rem);border-radius:20px}.not-found-actions{margin-top:1rem;display:flex;gap:0.7rem;flex-wrap:wrap}.not-found-actions .btn{min-height:44px}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.filter-actions .btn{min-width:160px}.tutorial-index-intro{margin:0 auto 1.35rem;max-width:760px;text-align:center;color:var(--color-text-dim);line-height:1.7}.tutorial-discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1rem;align-items:stretch}.tutorial-discovery-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-soft);min-height:100%}.tutorial-discovery-card--lead{grid-column:1 / -1}.tutorial-discovery-media{position:relative;display:block;aspect-ratio:16 / 9;min-height:0;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-subtle);text-decoration:none}.tutorial-discovery-card--lead .tutorial-discovery-media{aspect-ratio:21 / 9}.tutorial-discovery-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.tutorial-discovery-media__fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,144,255,0.26),rgba(14,19,29,0.92));color:#fff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;font-size:0.85rem}.tutorial-discovery-pill{position:absolute;left:0.65rem;border-radius:999px;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0.25rem 0.62rem;backdrop-filter:blur(4px);border:1px solid transparent}.tutorial-discovery-pill--collection{top:0.65rem;color:#8ecbff;border-color:rgba(138,203,255,0.45);background:rgba(9,16,28,0.78)}.tutorial-discovery-pill--difficulty{bottom:0.65rem;color:#f0faf4;border-color:rgba(127,255,191,0.35);background:rgba(0,125,85,0.58)}.tutorial-discovery-body{display:flex;flex-direction:column;gap:0.72rem;padding:1rem 1.1rem 1.05rem}.tutorial-discovery-meta{display:flex;flex-wrap:wrap;gap:0.45rem 0.75rem;color:var(--color-text-dim);font-size:0.84rem}.tutorial-discovery-meta span{overflow-wrap:anywhere}.tutorial-discovery-title{margin:0;font-size:clamp(1.06rem,0.96rem + 0.6vw,1.42rem);line-height:1.35}.tutorial-discovery-title a{color:var(--color-text);text-decoration:none}.tutorial-discovery-title a:hover{color:var(--color-accent)}.tutorial-discovery-summary{margin:0;color:var(--color-text-dim);line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutorial-discovery-card--lead .tutorial-discovery-summary{-webkit-line-clamp:4}.tutorial-discovery-facts{display:flex;flex-wrap:wrap;gap:0.35rem 0.8rem;font-size:0.84rem;color:var(--color-text-dim)}.tutorial-discovery-fact{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text-dim);padding:0.2rem 0.58rem;line-height:1.35;overflow-wrap:anywhere}.tutorial-discovery-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.tutorial-discovery-footer{margin-top:auto;display:flex;justify-content:flex-start}.tutorial-learning-paths{border:1px solid var(--color-border-subtle);border-radius:20px;padding:1.25rem;margin-bottom:1.4rem;box-shadow:var(--shadow-soft)}.tutorial-learning-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0.9rem}.tutorial-learning-path-card{border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-alt);padding:0.95rem;display:grid;gap:0.7rem;min-height:100%}.tutorial-learning-path-card.is-active{border-color:rgba(30,144,255,0.68);box-shadow:0 0 0 2px rgba(30,144,255,0.2)}.tutorial-learning-path-card__meta{display:flex;flex-wrap:wrap;gap:0.4rem}.tutorial-learning-path-card__meta span{border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface);color:var(--color-text-dim);font-size:0.76rem;font-weight:800;padding:0.24rem 0.58rem}.tutorial-learning-path-card h3{margin:0;font-size:1.04rem;line-height:1.35}.tutorial-learning-path-card h3 a{color:var(--color-text);text-decoration:none}.tutorial-learning-path-card h3 a:hover,.tutorial-learning-path-card h3 a:focus-visible{color:var(--color-accent)}.tutorial-learning-path-card p{margin:0;color:var(--color-text-dim);line-height:1.55;font-size:0.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutorial-learning-path-card__footer{margin-top:auto}.tutorial-learning-paths__note{margin:0.85rem 0 0;color:var(--color-text-dim);font-size:0.9rem}a.tutorial-discovery-fact{text-decoration:none}a.tutorial-discovery-fact:hover,a.tutorial-discovery-fact:focus-visible{color:var(--color-accent);border-color:rgba(30,144,255,0.5)}.tech-badge--muted{background:var(--color-surface-alt);color:var(--color-text-dim);border-color:var(--color-border-subtle)}.tutorial-empty-state{grid-column:1 / -1;border:1px dashed var(--color-border-subtle);border-radius:18px;padding:clamp(1.25rem,3vw,2rem);text-align:center;display:grid;justify-items:center;gap:0.65rem}.tutorial-empty-state h2,.tutorial-empty-state p{margin:0}.tutorial-empty-state p:not(.eyebrow){color:var(--color-text-dim);max-width:58ch}.tutorial-empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;margin-top:0.25rem}.tutorial-playlist-strip{border:1px solid var(--color-border-subtle);border-radius:20px;padding:1.25rem;margin-bottom:1.4rem;box-shadow:var(--shadow-soft)}.tutorial-playlist-strip__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.tutorial-playlist-strip__head h2{margin:0 0 0.3rem;font-size:clamp(1.1rem,1rem + 0.8vw,1.4rem)}.tutorial-playlist-strip__head p{margin:0;color:var(--color-text-dim)}.tutorial-playlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0.9rem}.tutorial-playlist-card{border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text);transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.tutorial-playlist-card:hover{transform:translateY(-2px);border-color:rgba(30,144,255,0.5);box-shadow:0 14px 40px rgba(0,0,0,0.28)}.tutorial-playlist-card.is-active{border-color:rgba(30,144,255,0.68);box-shadow:0 0 0 2px rgba(30,144,255,0.24)}.tutorial-playlist-thumb{position:relative;aspect-ratio:16 / 9;background:var(--color-surface)}.tutorial-playlist-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-playlist-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,144,255,0.28),rgba(13,17,26,0.92));color:#fff;font-weight:700;text-align:center;padding:0 1rem}.tutorial-playlist-count{position:absolute;right:0.55rem;bottom:0.55rem;border-radius:999px;background:rgba(0,0,0,0.76);color:#fff;font-size:0.74rem;font-weight:700;padding:0.2rem 0.55rem;border:1px solid rgba(255,255,255,0.2)}.tutorial-playlist-body{padding:0.8rem 0.9rem 1rem}.tutorial-playlist-body h3{margin:0 0 0.35rem;font-size:1rem;line-height:1.35}.tutorial-playlist-body p{margin:0;color:var(--color-text-dim);font-size:0.9rem;line-height:1.45}.tutorial-playlist-page{display:grid;gap:1.1rem}.tutorial-playlist-hub{gap:1.25rem}.breadcrumb-nav{display:flex;flex-wrap:wrap;gap:0.35rem 0.5rem;align-items:center;color:var(--color-text-dim);font-size:0.9rem}.breadcrumb-nav a{color:var(--color-text-dim);text-decoration:none}.breadcrumb-nav a:hover,.breadcrumb-nav a:focus-visible{color:var(--color-accent)}.tutorial-playlist-hero{border:1px solid var(--color-border-subtle);border-radius:20px;padding:clamp(0.9rem,1.2vw,1.3rem);display:grid;grid-template-columns:minmax(220px,33%) 1fr;gap:clamp(0.9rem,1.2vw,1.4rem)}.tutorial-playlist-hero--hub{grid-template-columns:minmax(0,1.35fr) minmax(260px,0.65fr);align-items:stretch;padding:clamp(1rem,2.6vw,1.6rem)}.tutorial-playlist-hero__media{border-radius:14px;overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);min-height:145px}.tutorial-playlist-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-playlist-hero--hub .tutorial-playlist-hero__media{min-height:220px}.tutorial-playlist-hero__content h1{margin-top:0;margin-bottom:0.55rem}.tutorial-playlist-hero__intro{max-width:78ch;line-height:1.7}.tutorial-playlist-hero__content p{margin:0;color:var(--color-text-dim)}.tutorial-playlist-hero__meta{margin-top:0.8rem;display:flex;flex-wrap:wrap;gap:0.75rem;color:var(--color-text-dim);font-size:0.92rem}.tutorial-playlist-hero--hub .tutorial-playlist-hero__meta span{border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-dim);padding:0.28rem 0.68rem;font-weight:700}.tutorial-playlist-hero__actions{display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:1rem}.tutorial-playlist-section{display:grid;gap:0.85rem}.tutorial-playlist-section__head{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap}.tutorial-playlist-section__head h2{margin:0;font-size:1.35rem;line-height:1.3}.tutorial-playlist-queue{border:1px solid var(--color-border-subtle);border-radius:20px;padding:0.7rem;margin:0;list-style:none;display:grid;gap:0.6rem}.tutorial-playlist-queue-item{display:grid;grid-template-columns:auto 182px 1fr auto;gap:0.8rem;align-items:center;border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-alt);padding:0.55rem}.tutorial-playlist-queue-item--hub{grid-template-columns:auto 168px minmax(0,1fr) auto}.tutorial-playlist-queue-index{font-weight:700;min-width:30px;text-align:center;color:var(--color-text-dim)}.tutorial-playlist-queue-cover{width:182px;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-subtle);display:block}.tutorial-playlist-queue-cover img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.tutorial-playlist-queue-content h2,.tutorial-playlist-queue-content h3{margin:0 0 0.25rem;font-size:1.05rem}.tutorial-playlist-queue-content h2 a,.tutorial-playlist-queue-content h3 a{color:var(--color-text);text-decoration:none}.tutorial-playlist-queue-content h2 a:hover,.tutorial-playlist-queue-content h3 a:hover,.tutorial-playlist-queue-content h2 a:focus-visible,.tutorial-playlist-queue-content h3 a:focus-visible{color:var(--color-accent)}.tutorial-playlist-queue-content p{margin:0 0 0.35rem;color:var(--color-text-dim);line-height:1.5}.tutorial-playlist-queue-meta{display:flex;flex-wrap:wrap;gap:0.35rem 0.65rem;font-size:0.86rem;color:var(--color-text-dim)}.tutorial-related-group{display:grid;gap:0.65rem}.tutorial-related-group + .tutorial-related-group{margin-top:0.6rem}.tutorial-related-group h3{margin:0;font-size:1rem}.tutorial-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem}.tutorial-related-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:0.9rem;display:grid;gap:0.55rem}.tutorial-related-card>span{color:var(--color-text-dim);font-size:0.82rem;font-weight:700}.tutorial-related-card h4{margin:0;font-size:1rem;line-height:1.35}.tutorial-related-card h4 a{color:var(--color-text);text-decoration:none}.tutorial-related-card h4 a:hover,.tutorial-related-card h4 a:focus-visible{color:var(--color-accent)}.tutorial-related-card p{margin:0;color:var(--color-text-dim);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutorial-related-card .btn{justify-self:start;margin-top:auto}.tutorial-detail-page{max-width:1180px}.tutorial-detail-page .ui-metadata-chips{gap:0.55rem}.tutorial-detail-page .ui-metadata-chip{--tutorial-chip-accent:var(--color-accent);border-color:color-mix(in srgb,var(--tutorial-chip-accent) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--tutorial-chip-accent) 42%,var(--color-surface)),color-mix(in srgb,var(--tutorial-chip-accent) 24%,var(--color-surface-alt)));color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.16),0 10px 22px rgba(0,0,0,0.18)}.tutorial-detail-page .ui-metadata-chip span,.tutorial-detail-page .ui-metadata-chip strong{color:#ffffff}.tutorial-detail-page .ui-metadata-chip span{opacity:0.78}.tutorial-detail-page .ui-metadata-chip--published{--tutorial-chip-accent:#1e90ff}.tutorial-detail-page .ui-metadata-chip--playlist{--tutorial-chip-accent:#7c3aed}.tutorial-detail-page .ui-metadata-chip--level{--tutorial-chip-accent:#00a66c}.tutorial-detail-page .ui-metadata-chip--time{--tutorial-chip-accent:#f59e0b}.tutorial-detail-page a.ui-metadata-chip:hover,.tutorial-detail-page a.ui-metadata-chip:focus-visible{color:#ffffff;border-color:color-mix(in srgb,var(--tutorial-chip-accent) 82%,#ffffff);filter:brightness(1.08)}.tutorial-detail-page .ui-tag-row .tag{display:inline-flex;align-items:center;min-height:30px;border:1px solid color-mix(in srgb,var(--color-accent) 48%,transparent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 34%,var(--color-surface)),color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-alt)));color:#ffffff;padding:0.24rem 0.62rem;font-size:0.78rem;font-weight:800;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,0.14)}@media (prefers-color-scheme:light){.tutorial-detail-page .ui-metadata-chip{background:linear-gradient(135deg,color-mix(in srgb,var(--tutorial-chip-accent) 78%,#ffffff),color-mix(in srgb,var(--tutorial-chip-accent) 62%,#ffffff));border-color:color-mix(in srgb,var(--tutorial-chip-accent) 72%,#ffffff);box-shadow:0 10px 20px rgba(15,23,42,0.12)}.tutorial-detail-page .ui-tag-row .tag{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 74%,#ffffff),color-mix(in srgb,var(--color-accent) 58%,#ffffff));border-color:color-mix(in srgb,var(--color-accent) 68%,#ffffff);box-shadow:0 8px 18px rgba(15,23,42,0.1)}}.tutorial-detail-breadcrumb{margin-bottom:0.85rem}.tutorial-detail-layout{display:block}.tutorial-detail-main{min-width:0;width:100%}.tutorial-series-sidebar{position:sticky;top:1rem}.tutorial-series-mobile{display:none}.tutorial-series-panel,.tutorial-series-mobile{border:1px solid var(--color-border-subtle);border-radius:16px;padding:0.9rem}.tutorial-series-panel{display:grid;gap:0.8rem}.tutorial-series-panel__head{display:grid;gap:0.22rem}.tutorial-series-panel__head span,.tutorial-series-mobile summary span{color:var(--color-text-dim);font-size:0.74rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.tutorial-series-panel__head strong,.tutorial-series-mobile summary strong{color:var(--color-text);line-height:1.35}.tutorial-series-panel__head small{color:var(--color-text-dim);font-size:0.84rem}.tutorial-series-mobile summary{cursor:pointer;display:flex;justify-content:space-between;gap:0.85rem;align-items:center}.tutorial-series-list{list-style:none;margin:0;padding:0;display:grid;gap:0.45rem}.tutorial-series-mobile .tutorial-series-list{margin-top:0.8rem}.tutorial-series-list a{border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-surface-alt);color:var(--color-text);display:grid;gap:0.24rem;padding:0.64rem 0.72rem;text-decoration:none}.tutorial-series-list a:hover,.tutorial-series-list a:focus-visible{border-color:rgba(30,144,255,0.52);color:var(--color-text)}.tutorial-series-list span{color:var(--color-text-dim);font-size:0.73rem;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.tutorial-series-list strong{font-size:0.9rem;line-height:1.35}.tutorial-series-list .is-current a{border-color:rgba(30,144,255,0.68);background:rgba(30,144,255,0.12)}.tutorial-series-panel__playlist-link{color:var(--color-accent);font-size:0.9rem;font-weight:800;text-decoration:none}.tutorial-series-panel__playlist-link:hover,.tutorial-series-panel__playlist-link:focus-visible{text-decoration:underline}.tutorial-continuation{border:1px solid var(--color-border-subtle);border-radius:18px;padding:clamp(1rem,1.8vw,1.4rem);display:grid;gap:1rem}.tutorial-continuation__head{display:grid;gap:0.35rem}.tutorial-continuation__head h2{margin:0;font-size:clamp(1.1rem,0.9rem + 0.9vw,1.5rem)}.tutorial-continuation__head p{margin:0;color:var(--color-text-dim)}.tutorial-continuation__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8rem}.tutorial-continuation__nav-card{border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-alt);padding:0.85rem 0.95rem;display:grid;gap:0.35rem;color:var(--color-text);text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.tutorial-continuation__nav-card:hover{border-color:rgba(30,144,255,0.5);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,0.2);color:var(--color-text)}.tutorial-continuation__label{font-size:0.76rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-dim)}.tutorial-continuation__related{border-top:1px dashed var(--color-border-subtle);padding-top:0.8rem}.tutorial-continuation__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.7rem}.tutorial-continuation__related-item{border:1px solid var(--color-border-subtle);border-radius:12px;padding:0.7rem 0.75rem;background:var(--color-surface-alt)}.tutorial-continuation__related-link{color:var(--color-text);text-decoration:none;font-weight:600;line-height:1.35}.tutorial-continuation__related-link:hover{color:var(--color-accent)}.content-crosslinks{border:1px solid var(--color-border-subtle);border-radius:18px;padding:clamp(1rem,1.8vw,1.4rem);display:grid;gap:1rem}.content-crosslinks__head{display:grid;gap:0.3rem}.content-crosslinks__head h2{margin:0;font-size:clamp(1.1rem,0.92rem + 0.75vw,1.45rem)}.content-crosslinks__head p{margin:0;color:var(--color-text-dim)}.content-crosslinks__group{border-top:1px dashed var(--color-border-subtle);padding-top:0.85rem;display:grid;gap:0.65rem}.content-crosslinks__group h3{margin:0;font-size:1rem}.content-crosslinks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem}.content-crosslinks__card{border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-surface-alt);padding:0.8rem 0.85rem;display:grid;gap:0.4rem}.content-crosslinks__title{color:var(--color-text);text-decoration:none;font-weight:600;line-height:1.35}.content-crosslinks__title:hover{color:var(--color-accent)}.content-crosslinks__summary{margin:0;color:var(--color-text-dim);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-crosslinks__meta{margin:0;color:var(--color-text-dim);font-size:0.84rem}@media (max-width:1080px){.tutorial-filter-primary,.tutorial-filter-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-filter-primary .filter-field--search{grid-column:1 / -1}.tutorial-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-discovery-card--lead .tutorial-discovery-media{aspect-ratio:16 / 9}}@media (max-width:760px){.tutorial-filter-panel__head{flex-direction:column}.tutorial-filter-panel__head>span{white-space:normal}.tutorial-filter-primary,.tutorial-filter-more__grid{grid-template-columns:1fr}.tutorial-filter-more summary{align-items:flex-start;flex-direction:column;gap:0.2rem}.tutorial-active-filters{align-items:stretch}.tutorial-active-filter-chip,.tutorial-active-filter-clear{width:100%;justify-content:center;text-align:center}.tutorial-discovery-grid{grid-template-columns:1fr}.tutorial-discovery-card--lead{grid-column:auto}.tutorial-discovery-media{aspect-ratio:16 / 9}.tutorial-discovery-card--lead .tutorial-discovery-media{aspect-ratio:16 / 9}.tutorial-discovery-body{padding:0.9rem}.tutorial-discovery-summary,.tutorial-discovery-card--lead .tutorial-discovery-summary{-webkit-line-clamp:4}.tutorial-discovery-meta,.tutorial-discovery-facts{font-size:0.8rem;gap:0.35rem 0.5rem}.tutorial-discovery-fact{max-width:100%}}@media (max-width:1024px){.tutorial-detail-layout{grid-template-columns:1fr}.tutorial-series-sidebar{display:none}.tutorial-series-mobile{display:block}.tutorial-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-continuation__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-crosslinks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-hero{max-width:720px;margin:0 auto;text-align:center;padding:1.5rem 1rem 2rem}.contact-hero .title{margin-bottom:1rem}.contact-hero p{margin:0 auto 1.25rem;font-size:1.05rem;line-height:1.6;text-wrap:balance}.contact-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem}.contact-hero-actions .btn{min-width:150px}.contact-hero--pro{max-width:980px;margin:0 auto;text-align:left;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--color-border);border-radius:calc(var(--radius) + 6px);background:linear-gradient(145deg,rgba(30,144,255,0.12),rgba(255,255,255,0.02));box-shadow:var(--shadow-soft)}.contact-hero--pro .title{margin-bottom:0.7rem}.contact-hero--pro .text-dim{margin-bottom:1rem}.contact-response-note{margin:0;font-size:0.94rem;color:var(--color-text-dim)}.contact-reasons{display:grid;gap:1rem}.contact-section-head h2{margin-bottom:0.35rem}.contact-section-head p{margin-bottom:0}.contact-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.85rem}.contact-reason-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface-alt);padding:0.95rem 1rem;display:grid;gap:0.45rem}.contact-reason-card h3{margin:0;font-size:1rem}.contact-reason-card p{margin:0;font-size:0.93rem;color:var(--color-text-dim);line-height:1.55}.contact-process{display:grid;gap:1rem;padding:1.1rem;border-radius:calc(var(--radius) + 4px)}.contact-process-list{list-style:none;margin:0;padding:0;display:grid;gap:0.7rem}.contact-process-list li{padding:0.82rem 0.9rem;border-radius:var(--radius);border:1px solid var(--color-border-subtle);background:var(--color-surface);display:grid;gap:0.28rem}.contact-process-list strong{font-size:0.95rem;color:var(--color-text)}.contact-process-list span{color:var(--color-text-dim);font-size:0.9rem;line-height:1.48}.contact-faq{display:grid;gap:0.75rem}.about-page{display:flex;flex-direction:column;gap:0.25rem}.about-page .about-hero-grid{align-items:stretch}.about-page .about-profile-card{display:flex;align-items:center;justify-content:center}.about-page .about-profile-card__image{width:min(100%,360px);max-height:420px;height:auto;object-fit:contain;margin:0 auto;border-radius:16px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);box-shadow:var(--shadow-soft)}.about-page .about-profile-card__fallback{width:min(100%,240px);aspect-ratio:1 / 1;border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text);display:grid;place-items:center;font-size:clamp(3rem,10vw,5rem);font-weight:800;letter-spacing:0;box-shadow:var(--shadow-soft)}.about-social-section{display:grid;grid-template-columns:minmax(240px,0.8fr) minmax(0,1.35fr);gap:clamp(1rem,3vw,2rem);align-items:start;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--color-border-subtle);border-radius:22px;background:linear-gradient(135deg,rgba(30,144,255,0.08),transparent 42%),var(--color-surface);box-shadow:var(--shadow-soft)}.about-social-section h2{margin-bottom:0.45rem}.about-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}.about-social-card{--about-social-color:var(--color-accent);display:grid;grid-template-columns:46px minmax(0,1fr);gap:0.8rem;align-items:center;min-height:74px;padding:0.85rem 0.95rem;border:1px solid color-mix(in srgb,var(--about-social-color) 32%,var(--color-border));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--about-social-color) 10%,transparent),transparent 64%),var(--color-surface-alt);color:var(--color-text);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.about-social-card:hover,.about-social-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--about-social-color) 70%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,var(--about-social-color) 18%,transparent),transparent 62%),var(--color-surface-elevated);box-shadow:0 18px 34px rgba(0,0,0,0.22)}.about-social-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--about-social-color) 18%,transparent);color:var(--about-social-color)}.about-social-card strong,.about-social-card small{display:block}.about-social-card strong{color:var(--color-text);font-size:0.98rem}.about-social-card small{color:var(--color-text-dim);margin-top:0.12rem;line-height:1.35}.about-social-card--youtube{--about-social-color:#ff0000}.about-social-card--github{--about-social-color:#8b949e}.about-social-card--discord{--about-social-color:#5865f2}.about-social-card--linkedin{--about-social-color:#0a66c2}.about-social-card--x{--about-social-color:var(--color-text)}.about-social-card--telegram{--about-social-color:#229ed9}.about-page p,.about-page li{line-height:1.7}.contact-page{display:flex;flex-direction:column;gap:0.25rem}.contact-grid{align-items:stretch}.contact-grid .card{height:100%}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.75rem}.contact-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:0.65rem;border-bottom:1px dashed var(--color-border-subtle)}.contact-list li:last-child{border-bottom:0;padding-bottom:0}.contact-list li span{color:var(--color-text-dim);font-weight:600}.contact-list li a,.contact-list li em{text-align:right;overflow-wrap:anywhere;word-break:break-word}.contact-map-frame{width:100%;height:clamp(240px,42vw,400px);border:0;border-radius:12px;display:block}.legal-page{padding:2rem 0 3.5rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--color-text)}.legal-hero{max-width:920px;margin:0 auto;text-align:center}.legal-hero h1{margin-bottom:0.75rem}.legal-meta{margin-top:0.5rem;font-size:0.95rem;color:var(--legal-meta-color)}.legal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.9rem;padding:1.25rem 1.35rem;background:var(--legal-summary-bg);color:var(--color-text);border:1px solid var(--legal-content-border);border-radius:16px;box-shadow:var(--shadow-soft)}.legal-page .summary-item{min-width:0}.legal-label{font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:0.25rem}.summary-item p{margin:0;color:var(--color-text);overflow-wrap:anywhere}.legal-page .summary-item a{color:var(--color-accent);font-weight:600}.legal-page>.card{background:var(--color-surface);color:var(--color-text);border-color:var(--legal-content-border);box-shadow:var(--legal-content-shadow)}.legal-page>.card:hover{transform:none;border-color:var(--legal-content-border);box-shadow:var(--legal-content-shadow)}.legal-page>.card .card-body{color:var(--color-text)}.legal-content{background:var(--legal-content-bg);color:var(--color-text);border:1px solid var(--legal-content-border);border-radius:22px;padding:clamp(1.75rem,1.5rem + 1vw,2.75rem);box-shadow:var(--legal-content-shadow);max-width:min(1100px,100%);width:100%}.legal-content h2{margin-top:1.9rem;color:var(--color-text)}.legal-content h3{margin-top:1.25rem;color:var(--color-text)}.legal-content p,.legal-content li{line-height:1.75;color:var(--color-text)}.legal-content strong,.legal-content b{color:var(--color-text)}.legal-content a,.privacy-content a{color:var(--color-accent);font-weight:600}.privacy-accordion{display:flex;flex-direction:column;gap:0.65rem}.privacy-item{border:1px solid var(--legal-content-border);border-radius:calc(var(--radius) + 2px);padding:0.9rem 1rem;background:var(--legal-accordion-bg);color:var(--color-text);box-shadow:var(--shadow-soft)}.privacy-item:hover{background:var(--legal-accordion-hover-bg)}.privacy-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;cursor:pointer}.privacy-item summary::-webkit-details-marker{display:none}.privacy-item summary strong{font-size:1rem;color:var(--color-text)}.privacy-item[open] summary span,.privacy-item summary span{font-size:1.25rem;color:var(--color-text-dim);transition:transform 0.2s ease}.privacy-item[open] summary span{transform:rotate(45deg)}.privacy-content{margin-top:0.75rem;color:var(--color-text)}.privacy-content p,.privacy-content li{color:var(--color-text)}@media (prefers-color-scheme:light){.legal-summary,.legal-content,.legal-page>.card{background:var(--legal-content-bg);color:var(--color-text)}.legal-summary{background:var(--legal-summary-bg)}.legal-page .text-dim,.legal-page .legal-meta,.legal-page .privacy-item .text-dim{color:var(--color-text-dim) !important}}@media (max-width:640px){.filter-panel{padding:1rem}.tutorial-index-intro{text-align:left;margin-bottom:1rem}.tutorial-playlist-strip{padding:1rem}.tutorial-learning-paths{padding:1rem}.tutorial-playlist-strip__head{flex-direction:column;align-items:stretch}.tutorial-playlist-hero{grid-template-columns:1fr}.tutorial-playlist-queue-item{grid-template-columns:1fr}.tutorial-playlist-queue-index{min-width:0;text-align:left}.tutorial-playlist-queue-cover{width:100%}.tutorial-playlist-hero__actions .btn,.tutorial-playlist-section__head .btn,.tutorial-playlist-queue-item .btn,.tutorial-related-card .btn{width:100%}.tutorial-related-grid{grid-template-columns:1fr}.tutorial-continuation__nav{grid-template-columns:1fr}.tutorial-series-mobile summary{align-items:flex-start;flex-direction:column}.tutorial-continuation__related-grid{grid-template-columns:1fr}.content-crosslinks__grid{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-actions .btn,.tutorial-empty-state__actions .btn{width:100%}.contact-hero{padding:1rem 0.5rem 1.5rem}.contact-hero--pro{text-align:left;padding:1rem}.about-page .grid-2{grid-template-columns:1fr}.about-social-section{grid-template-columns:1fr}.about-page h1{font-size:clamp(2rem,6.2vw,2.4rem)}.contact-hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:0.6rem}.contact-hero-actions .btn{width:100%;min-width:0}.contact-reason-grid{grid-template-columns:1fr}.contact-list li{flex-direction:column;gap:0.35rem}.contact-list li a,.contact-list li em{text-align:left}.contact-form-panel{padding:1rem}.contact-form-panel .captcha-input{flex-direction:column;align-items:stretch}.contact-form-panel .captcha-question{margin-left:0;text-align:center}.legal-content{padding:1.25rem}.about-social-grid{grid-template-columns:1fr}.about-social-card{grid-template-columns:42px minmax(0,1fr);min-height:68px}.about-social-card__icon{width:42px;height:42px}}.account-deletion-hero{padding:2rem clamp(1rem,3vw,2rem) 1rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.account-deletion-hero h1{font-size:var(--fs-3);margin-bottom:0.25rem}.account-deletion-notices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.notice-card{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:16px;padding:1.5rem;text-align:left;box-shadow:var(--shadow-soft)}.notice-card h2{margin-top:0;margin-bottom:0.35rem;font-size:1.1rem}.account-deletion-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:clamp(1.5rem,3vw,3rem);padding:1rem clamp(1rem,3vw,2rem) 3rem;align-items:start}.account-deletion-card,.account-deletion-sidecard{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-soft)}.account-deletion-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:0.4rem}.form-field span,.form-field label{font-weight:600;color:var(--color-text);font-size:0.95rem}.account-deletion-form input,.account-deletion-form select,.account-deletion-form textarea{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border-subtle);padding:0.85rem 1rem;font-size:1rem;color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.account-deletion-form input:focus,.account-deletion-form select:focus,.account-deletion-form textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(30,144,255,0.15)}.captcha-field .captcha-shell{display:flex;align-items:center;gap:1rem}.captcha-question{display:inline-flex;align-items:center;gap:0.35rem;font-weight:600;font-size:1.1rem}.account-deletion-form .btn{align-self:flex-start;min-width:220px}.form-help{font-size:0.9rem;color:var(--color-text-dim);margin:0}.account-deletion-sidecard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.account-deletion-sidecard li{background:var(--color-surface);border-radius:16px;padding:1rem 1.25rem;border:1px dashed var(--color-border-subtle)}.account-deletion-sidecard strong{display:block;margin-bottom:0.35rem;color:var(--color-text)}@media (max-width:992px){.account-deletion-grid{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:980px){.about-page .grid-2{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-form-highlights li{flex-direction:column;align-items:flex-start;gap:0.35rem}}.support-membership{margin-top:1rem}.support-membership-card{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 6px);background:linear-gradient(140deg,rgba(255,0,0,0.08),rgba(30,144,255,0.06) 55%,transparent),var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(1.05rem,2vw,1.5rem)}.support-membership-card__content{display:grid;gap:0.65rem}.support-membership-card__layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:clamp(0.95rem,2.2vw,1.4rem);align-items:stretch}.support-membership-card__content h2{margin:0;font-size:clamp(1.18rem,1rem + 1vw,1.6rem)}.support-membership-card__content p{margin:0;color:var(--color-text-dim);max-width:80ch;line-height:1.7}.support-membership-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem 0.85rem}.support-membership-card__cta{min-height:46px}.support-membership-card__secondary{min-height:46px}.support-membership-card__fineprint{font-size:0.86rem}.support-membership-card__panel{border:1px solid var(--color-border-subtle);border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01));padding:clamp(0.9rem,2vw,1.1rem);display:grid;gap:0.62rem;align-content:start}.support-membership-card__panel h3{margin:0;font-size:1rem}.support-membership-card__panel ul{margin:0;padding-left:1.05rem;color:var(--color-text-dim);display:grid;gap:0.33rem;line-height:1.5;font-size:0.92rem}.support-membership-card__price{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:0.34rem 0.72rem;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(30,144,255,0.14);color:var(--color-text);font-size:0.82rem;font-weight:700;letter-spacing:0.02em}.donation-section{margin:var(--sp-5) auto}.donation-shell{max-width:var(--container-max-wide);margin:0 auto;background:linear-gradient(135deg,rgba(30,144,255,0.08),transparent 35%),var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) + 6px);padding:clamp(1.5rem,2vw + 1rem,2.5rem);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.donation-shell::before{content:"";position:absolute;inset:20% 65% auto 0;height:220px;background:radial-gradient(circle at 30% 30%,rgba(30,144,255,0.25),transparent 45%);filter:blur(14px);opacity:0.8;pointer-events:none}.donation-shell>*{position:relative;z-index:1}.donation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.donation-title{margin:0.1rem 0}.donation-subtitle{max-width:720px;margin:0.2rem 0 0}.donation-badge{background:var(--btn-surface);border:1px solid var(--btn-border-default);border-radius:999px;padding:0.5rem 1rem;display:inline-flex;flex-direction:column;gap:0.15rem;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.donation-badge strong{color:var(--color-accent);font-size:0.95rem;letter-spacing:0.06em}.donation-grid{margin-top:var(--sp-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.85rem}.donation-card{width:100%;text-align:left;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:calc(var(--radius) + 4px);padding:1rem 1.1rem;color:inherit;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.donation-card:hover{transform:translateY(-2px);border-color:rgba(30,144,255,0.4);box-shadow:0 15px 30px rgba(0,0,0,0.35);background:var(--color-surface-elevated)}.donation-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.donation-card.is-copied{border-color:rgba(0,179,126,0.65);box-shadow:0 18px 36px rgba(0,0,0,0.4);background:linear-gradient(135deg,rgba(0,179,126,0.08),transparent 40%),var(--color-surface-elevated)}.donation-card-head{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;margin-bottom:0.35rem}.donation-chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.7rem;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);font-weight:600;letter-spacing:0.02em}.donation-copy-state{font-size:0.85rem;color:var(--color-text-dim)}.donation-address{font-family:"Space Mono","SFMono-Regular",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.95rem;word-break:break-word;color:var(--color-text);letter-spacing:0.01em}.donation-footer{margin-top:var(--sp-3);padding-top:0.75rem;border-top:1px solid var(--color-border)}@media (max-width:720px){.support-membership-card__layout{grid-template-columns:minmax(0,1fr)}.support-membership-card__actions{align-items:stretch}.support-membership-card__actions .btn{width:100%;justify-content:center}.support-membership-card__panel{margin-top:0.3rem}.donation-header{flex-direction:column}.donation-badge{align-self:flex-start}}.home-page .page-content{background:var(--color-bg)}.home-page .page-shell{max-width:calc(var(--container-max-wide) + 140px);padding:clamp(2.5rem,5vw,3.75rem) clamp(var(--sp-2),4vw,var(--sp-4))}.home-hero{position:relative;overflow:hidden;padding:clamp(3rem,6vw,4.5rem) 0 clamp(2.25rem,4vw,3.5rem)}.home-hero::before,.home-hero::after{display:none}.home-hero::before{background:rgba(30,144,255,0.25);top:-60px;right:8%}.home-hero::after{background:rgba(46,196,182,0.18);bottom:-120px;left:6%}.home-hero__grid{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.75rem);position:relative;z-index:1;max-width:1120px;margin:0;padding-inline:clamp(1.25rem,4vw,2rem)}.home-hero__intro{display:flex;flex-direction:column;gap:1rem}.home-hero__title{font-size:3.45rem;line-height:1.1;letter-spacing:0;margin:0;max-width:980px}.home-hero__title span{display:inline-block;background:linear-gradient(120deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-hero__lead{color:var(--color-text-dim);margin:0;max-width:780px;font-size:1.08rem;line-height:1.72}.home-hero__tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.25rem}.home-hero__tags span{display:inline-flex;align-items:center;padding:0.45rem 0.75rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-weight:600;letter-spacing:0.01em}.home-hero__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:0.75rem;margin-top:0.75rem}.home-hero__actions .btn{border-radius:12px;min-height:46px;box-shadow:var(--btn-shadow);line-height:1.2;overflow-wrap:anywhere}.home-hero__actions .btn:hover{box-shadow:var(--btn-shadow-hover)}.home-hero__actions--primary .btn{flex:1 1 220px}.home-hero__actions--primary .btn:first-child{flex-basis:260px}.home-hero__youtube-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0.68rem 0.95rem;color:var(--color-text);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(30,144,255,0.46);line-height:1.2;overflow-wrap:anywhere}.home-hero__youtube-link:hover,.home-hero__youtube-link:focus-visible{color:var(--color-accent)}.home-hero__secondary-links{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.35rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:0.75rem;font-size:0.92rem;color:var(--color-text-dim)}.home-hero__secondary-links span{flex:0 0 auto;font-weight:600;color:var(--color-text)}.home-hero__secondary-links a{border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text);display:inline-flex;align-items:center;min-height:34px;padding:0.34rem 0.72rem;text-decoration:none;transition:color 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.home-hero__secondary-links a:hover,.home-hero__secondary-links a:focus-visible{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));transform:translateY(-1px)}.home-page .hero-stats-modern{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;width:100%;gap:clamp(0.75rem,1.8vw,1.4rem);margin-top:clamp(1.4rem,3vw,2.2rem);padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,4vw,2.5rem);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.home-page .hero-stats-modern .stat{min-width:0}.home-page .hero-stats-modern .value{font-size:1.9rem}.home-page .hero-stats-modern .divider{display:none}.home-page .credibility .hero-stats-modern{margin-top:1.35rem}@media (max-width:1100px){.home-page .hero-stats-modern{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.home-page .hero-stats-modern{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.1rem 1rem}}@media (max-width:460px){.home-page .hero-stats-modern{grid-template-columns:minmax(0,1fr)}}.home-page .home-section{width:min(1180px,100%);margin:clamp(1.5rem,4vw,3rem) auto 0;background:transparent;border:0;border-top:1px solid var(--color-border-subtle);border-radius:0;padding:clamp(2.4rem,5vw,3.5rem) clamp(1.25rem,4vw,2rem) 0;box-shadow:none}.home-page .home-section .section-container{padding-inline:0}.home-page .affiliate-slot{width:min(1180px,100%);margin:clamp(1.2rem,3vw,2rem) auto 0}.home-page .section-title{text-align:left;margin-bottom:1.25rem}.home-page .section-title::after{margin-left:0}.home-section__header{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.25rem}.home-section__header .subtitle{max-width:760px}.learning-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.95rem}.learning-path-card{border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:1rem;display:grid;gap:0.72rem;min-height:100%}.learning-path-card__meta{display:flex;flex-wrap:wrap;gap:0.35rem}.learning-path-card__meta span{display:inline-flex;width:fit-content;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);color:var(--color-text-dim);font-size:0.76rem;font-weight:700;padding:0.24rem 0.58rem}.learning-path-card h3{margin:0;font-size:1.05rem;line-height:1.36}.learning-path-card p{margin:0;color:var(--color-text-dim);font-size:0.92rem;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.learning-path-card__link{align-self:end;color:var(--color-accent-readable);font-weight:800;text-decoration:none}.learning-path-card__link:hover,.learning-path-card__link:focus-visible{color:var(--color-accent-readable-hover);text-decoration:underline}.learning-path-empty{border:1px solid var(--color-border);border-radius:14px;padding:1rem;display:grid;gap:0.6rem}.learning-path-empty h3,.learning-path-empty p{margin:0}.home-featured-tutorials{margin-top:1.15rem}.home-compact-grid,.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.9rem}.home-compact-card,.home-project-card{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-soft);min-width:0;overflow:hidden}.home-compact-card,.home-project-card{display:grid;grid-template-rows:auto 1fr}.home-compact-card__media,.home-project-card__media{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-alt);display:block;overflow:hidden}.home-compact-card__media img,.home-project-card__media img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.home-compact-card__body,.home-project-card__body{display:grid;gap:0.62rem;padding:1rem}.home-compact-card__kicker,.home-compact-card__meta,.home-project-card__meta span{color:var(--color-text-dim);font-size:0.76rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase}.home-compact-card h3,.home-project-card h3{margin:0;font-size:1.03rem;line-height:1.35}.home-compact-card h3 a,.home-project-card h3 a{color:var(--color-text);text-decoration:none}.home-compact-card h3 a:hover,.home-compact-card h3 a:focus-visible,.home-project-card h3 a:hover,.home-project-card h3 a:focus-visible{color:var(--color-accent)}.home-compact-card p,.home-project-card p{color:var(--color-text-dim);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;line-height:1.55;margin:0;overflow:hidden}.home-project-card__meta,.home-project-card__tech{display:flex;flex-wrap:wrap;gap:0.42rem}.home-project-card__meta span,.home-project-card__tech span{border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface-alt);padding:0.22rem 0.56rem}.home-project-card__tech span{color:var(--color-text-dim);font-size:0.78rem;font-weight:700}.home-project-card__link{align-self:end;color:var(--color-accent);font-weight:800;text-decoration:none}.home-project-card__link:hover,.home-project-card__link:focus-visible{text-decoration:underline}.home-empty{border:1px solid var(--color-border);border-radius:14px;color:var(--color-text-dim);padding:1rem}.home-trust-grid{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.75rem}.home-trust-grid li{border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);padding:0.95rem;display:grid;gap:0.38rem}.home-trust-grid strong{color:var(--color-text);line-height:1.35}.home-trust-grid span{color:var(--color-text-dim);font-size:0.9rem;line-height:1.58}.home-page .feature-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:16px;padding:var(--sp-3);box-shadow:var(--shadow-soft)}.home-page .feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}.home-page .feature-card-img{border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,0.35)}.home-page .card-excerpt{color:var(--color-text-dim)}.home-page .home-testimonials-preview__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.home-page .home-testimonials-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.home-page .home-testimonial-preview__item{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:14px;padding:1rem 1.05rem;display:flex;flex-direction:column;min-height:180px}.home-page .home-testimonial-preview__item .quote{margin:0 0 0.8rem;font-size:0.98rem;color:var(--color-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.home-page .home-testimonial-preview__item .author{margin-top:auto;display:flex;flex-direction:column;gap:0.28rem;color:var(--color-text-dim)}.home-page .home-testimonial-preview__item .author strong{color:var(--color-text)}@media (max-width:1024px){.home-page .home-testimonials-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.home-page .home-testimonials-preview__grid{grid-template-columns:1fr}.home-page .home-testimonial-preview__item{min-height:0}.home-page .home-testimonial-preview__item .quote{-webkit-line-clamp:5;line-clamp:5}}.home-page .newsletter{text-align:center;background:var(--color-surface-elevated)}.home-community__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);gap:1rem;align-items:stretch}.home-community__content,.home-community__links{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(1rem,2.5vw,1.35rem)}.home-community__content{display:grid;gap:0.75rem;align-content:start}.home-community__content .subtitle{margin:0;max-width:68ch}.home-community__links{display:grid;gap:0.65rem}.community-action{border:1px solid var(--color-border-subtle);border-radius:13px;background:var(--color-surface-alt);padding:0.78rem 0.85rem;display:grid;gap:0.2rem;text-decoration:none;color:var(--color-text)}.community-action:hover,.community-action:focus-visible{color:var(--color-text);border-color:rgba(30,144,255,0.5);transform:translateY(-1px)}.community-action span{color:var(--color-text-dim);font-size:0.9rem;line-height:1.45}.newsletter-status{margin:0;color:var(--color-accent);font-weight:700}.home-page .newsletter-form{display:flex;justify-content:flex-start;gap:0.75rem;flex-wrap:wrap}.home-page .newsletter-form input{min-width:260px;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:0.72rem 1rem}.home-page .newsletter-form input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.home-page .newsletter .btn{border-radius:999px}.home-community .newsletter-subscribe-btn{border-radius:999px;min-height:46px}@media (max-width:1180px){.learning-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-compact-grid,.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:920px){.home-hero__title{font-size:2.75rem}.home-community__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.home-page .page-shell{padding-inline:0}.home-hero{padding-top:2.1rem}.home-hero__title{font-size:2.2rem}.home-hero__lead{font-size:1rem}.home-hero__actions--primary .btn,.home-hero__youtube-link{width:100%}.home-section__header{align-items:stretch}.home-section__header .btn{width:100%;justify-content:center}.learning-path-grid,.home-compact-grid,.home-project-grid,.home-trust-grid,.home-page .home-testimonials-preview__grid{grid-template-columns:minmax(0,1fr)}.home-page .newsletter-form input,.home-page .newsletter-form button{width:100%;max-width:none}}@media (max-width:460px){.home-hero__title{font-size:1.9rem}.home-hero__secondary-links a,.home-hero__tags span{width:100%;justify-content:center}}.home-page .contact .btn{min-width:140px}.affiliate-slot{margin:clamp(1rem,2.4vw,1.6rem) 0}.adsense-slot{width:min(100%,980px);min-height:120px;margin:clamp(1.2rem,2.6vw,1.8rem) auto;border:1px dashed var(--color-border);border-radius:14px;background:var(--color-surface-alt);padding:clamp(0.75rem,2vw,1rem);color:var(--color-text-dim);overflow:hidden}.adsense-slot__label{margin:0 0 0.45rem;color:var(--color-text-dim);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-align:center;text-transform:uppercase}.adsense-slot--after-intro{margin-top:clamp(1.35rem,3vw,2rem)}.adsense-slot--end{margin-bottom:clamp(1rem,2vw,1.5rem)}.adsense-slot--sidebar{display:none}@media (min-width:1180px){.adsense-slot--sidebar{display:block;max-width:320px;min-height:280px;position:sticky;top:110px}}.affiliate-slot-intro{width:min(980px,100%);margin:0 auto 0.72rem;display:grid;gap:0.24rem}.affiliate-slot-eyebrow{margin:0;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-dim)}.affiliate-slot-title{margin:0;font-size:clamp(1.02rem,0.45vw + 0.9rem,1.22rem);font-weight:700;line-height:1.3;color:var(--color-text)}.affiliate-slot-note{margin:0;color:var(--color-text-dim);font-size:0.89rem}.affiliate-slot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.affiliate-card{width:min(980px,100%);margin-inline:auto;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));box-shadow:var(--shadow-soft);overflow:hidden}.affiliate-card-link{display:grid;color:inherit;text-decoration:none}.affiliate-card-head{display:flex;justify-content:space-between;gap:0.75rem;align-items:center;padding:0.6rem 0.8rem}.affiliate-disclosure{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);padding:0.2rem 0.55rem;color:var(--color-text-dim)}.affiliate-brand{font-size:0.84rem;color:var(--color-text-dim)}.affiliate-media{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);min-height:clamp(140px,24vw,320px)}.affiliate-media img{width:100%;height:auto;max-width:100%;max-height:clamp(180px,34vw,420px);display:block;object-fit:contain;object-position:center}.affiliate-content{padding:0.78rem 0.9rem 0.92rem;display:grid;gap:0.45rem}.affiliate-content h3{margin:0;font-size:clamp(0.95rem,0.45vw + 0.82rem,1.08rem);line-height:1.35}.affiliate-tags{margin:0;color:var(--color-text-dim);font-size:0.82rem;line-height:1.42}.affiliate-cta{display:inline-flex;align-items:center;gap:0.4rem;width:fit-content;font-weight:600;color:var(--color-accent)}.affiliate-cta::after{content:"->";transition:transform var(--transition)}.affiliate-card-link:hover .affiliate-cta::after,.affiliate-card-link:focus-visible .affiliate-cta::after{transform:translateX(3px)}.affiliate-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media (max-width:860px){.affiliate-card{border-radius:14px}.affiliate-slot-intro{margin-bottom:0.62rem;gap:0.2rem}.affiliate-content{padding:0.7rem 0.75rem 0.78rem}.affiliate-content h3{font-size:0.98rem}}.project-detail-page{display:grid;gap:1.4rem}.project-case-page{max-width:1180px}.project-case-breadcrumb{margin-bottom:-0.35rem}.project-case-hero{border:1px solid var(--project-border);border-radius:20px;background:var(--project-hero-gradient),var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-text);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,0.7fr);gap:clamp(1rem,2.6vw,1.6rem);align-items:stretch;padding:clamp(1rem,3vw,1.6rem)}.project-case-hero__content{display:grid;gap:0.85rem;align-content:center}.project-case-hero__content h1{margin:0;font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1.08}.project-case-hero__summary{margin:0;color:var(--color-text-dim);font-size:1.05rem;line-height:1.68;max-width:72ch}.project-case-hero__facts,.project-case-hero__actions{display:flex;flex-wrap:wrap;gap:0.55rem}.project-case-hero__facts span{border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-dim);font-size:0.84rem;font-weight:700;padding:0.32rem 0.68rem}.project-case-hero__media{border:1px solid var(--project-border);border-radius:16px;background:var(--color-surface-alt);overflow:hidden;min-height:220px}.project-case-hero__media img{width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.project-meta-panel,.project-conversion{border:1px solid var(--project-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(1rem,2.4vw,1.35rem)}.project-meta-panel h2,.project-conversion__head h2{margin:0;font-size:clamp(1.05rem,1rem + 0.7vw,1.35rem)}.project-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;margin:0.9rem 0 0}.project-meta-grid div{border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-alt);padding:0.82rem 0.9rem}.project-meta-grid dt{color:var(--color-text-dim);font-size:0.74rem;font-weight:800;letter-spacing:0.08em;margin-bottom:0.28rem;text-transform:uppercase}.project-meta-grid dd{color:var(--color-text);font-weight:700;line-height:1.45;margin:0}.project-case-content .card{border-color:var(--color-border);background:var(--color-surface)}.project-conversion{display:grid;gap:0.9rem}.project-conversion__head{display:grid;gap:0.25rem}.project-conversion__head p{color:var(--color-text-dim);margin:0}.project-conversion__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.75rem}.project-conversion-card{border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-surface-alt);color:var(--color-text);display:grid;gap:0.32rem;min-height:100%;padding:0.95rem;text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.project-conversion-card:hover,.project-conversion-card:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 46%,var(--color-border));color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.project-conversion-card span{color:var(--color-text-dim);font-size:0.74rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.project-conversion-card strong{line-height:1.35}.project-conversion-card small{color:var(--color-text-dim);font-size:0.88rem;line-height:1.5}.project-showcase{border:1px solid var(--project-border);background:var(--project-hero-gradient),var(--project-hero-surface);border-radius:18px;padding:clamp(1rem,3vw,1.6rem);box-shadow:var(--shadow-soft);color:var(--color-text)}.project-showcase .text-dim{color:var(--project-muted) !important}.project-showcase__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.15rem;align-items:start}.project-showcase__logo{width:clamp(88px,14vw,128px);height:clamp(88px,14vw,128px);object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,0.18);box-shadow:var(--shadow-soft)}.project-showcase__intro h1{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.project-showcase__summary{margin:0.45rem 0 0;color:var(--color-text-dim);font-size:1.02rem}.project-showcase__chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.55rem}.project-showcase__actions{margin-top:0.9rem}.project-screenshots{border:1px solid var(--project-border);border-radius:18px;background:var(--color-surface);padding:1rem;width:100%;max-width:100%;overflow:hidden}.project-screenshots__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:0.75rem}.project-screenshots__head h2{margin:0;font-size:clamp(1.1rem,1.5vw,1.35rem)}.project-screenshots__head p{margin:0}.project-screenshots__rail{display:flex;gap:0.85rem;overflow-x:auto;padding-bottom:0.35rem;scroll-snap-type:x mandatory;width:100%;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:0.25rem}.project-screenshot-card{display:flex;align-items:center;justify-content:center;scroll-snap-align:start;border-radius:18px;overflow:hidden;border:1px solid var(--project-border);background:var(--color-surface-alt);flex:0 0 clamp(220px,24vw,330px);height:clamp(180px,24vw,260px);min-height:0;min-width:0}.project-screenshot-card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.project-content-block h2{margin:0}.project-discovery-grid .card{display:flex;flex-direction:column;gap:0.65rem}.project-discovery-grid .card .tag{max-width:100%;overflow-wrap:anywhere}.project-discovery-meta{margin-top:auto;padding-top:0.4rem;display:flex;flex-wrap:wrap;gap:0.35rem 0.5rem;color:var(--color-text-dim);font-size:0.85rem}.project-discovery-meta span{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);padding:0.2rem 0.58rem;overflow-wrap:anywhere}.detail-next-actions{border:1px solid var(--color-border-subtle);border-radius:18px;padding:clamp(1rem,2vw,1.35rem);display:grid;gap:0.9rem}.detail-next-actions__head{display:grid;gap:0.25rem}.detail-next-actions__head h2{margin:0;font-size:clamp(1.02rem,1.5vw,1.2rem)}.detail-next-actions__head p{margin:0;color:var(--color-text-dim);font-size:0.9rem}.detail-next-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0.6rem}.detail-next-actions__card{border:1px solid var(--color-border-subtle);border-radius:13px;background:var(--color-surface-alt);padding:0.85rem 0.9rem;display:grid;gap:0.3rem;text-decoration:none;color:var(--color-text);transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.detail-next-actions__card:hover{color:var(--color-text);border-color:rgba(30,144,255,0.48);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,0.2)}.detail-next-actions__card strong{font-size:0.98rem;line-height:1.35}.detail-next-actions__label{font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-dim);font-weight:700}.content-share-block{margin-top:1.15rem;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015));box-shadow:var(--shadow-soft);padding:clamp(0.95rem,2.2vw,1.25rem);display:grid;gap:0.75rem}.content-share-block__head{display:grid;gap:0.25rem}.content-share-block__head h2{margin:0;font-size:clamp(1.02rem,1.45vw,1.2rem)}.content-share-block__head p{margin:0;color:var(--color-text-dim);font-size:0.9rem}.content-share-actions{display:flex;flex-wrap:wrap;gap:0.65rem;align-items:center}.share-action{display:inline-flex;align-items:center;gap:0.55rem;padding:0.5rem 0.95rem;justify-content:center;text-align:center;min-height:46px;border-radius:999px;font-size:0.88rem;font-weight:700;line-height:1;text-decoration:none;width:auto;max-width:100%}.share-action__icon-wrap{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);flex-shrink:0}.share-action__icon{width:20px;height:20px;display:block}.share-action-copy{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);border-width:1px}.share-action__icon-wrap--copy{background:rgba(30,144,255,0.12);color:var(--color-accent);border:1px solid rgba(30,144,255,0.24)}.share-action__icon-wrap--copy svg{width:18px;height:18px;fill:currentColor;display:block}.content-share-note{margin:0;font-size:0.82rem;color:var(--color-text-dim)}.content-share-status{margin:0;min-height:1.1rem;font-size:0.85rem;font-weight:600;color:var(--color-accent)}.content-share-status.is-error{color:var(--color-error)}.author-profile-card{margin-top:1.35rem;border:1px solid var(--color-border-subtle);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));box-shadow:var(--shadow-soft);padding:clamp(0.95rem,2vw,1.2rem);display:grid;grid-template-columns:auto 1fr;gap:0.9rem;align-items:center}.author-profile-card__avatar{width:84px;height:84px;border-radius:14px;object-fit:cover;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt)}.author-profile-card__avatar-fallback{display:grid;place-items:center;color:var(--color-text);font-weight:800;letter-spacing:0;font-size:1.2rem}.author-profile-card__content h2{margin:0;font-size:1.02rem}.author-profile-card__role{margin:0.2rem 0 0.45rem;color:var(--color-text-dim);font-size:0.9rem}.author-profile-card__bio{margin:0;color:var(--color-text);font-size:0.94rem;line-height:1.52;max-width:76ch}.author-profile-card__profile-link{display:inline-flex;margin-top:0.65rem;font-weight:700;text-decoration:none}.cookie-consent-banner[hidden]{display:none !important}.cookie-consent-banner{position:fixed;left:0;right:0;bottom:0;transform:none;width:100%;border-radius:0;border:0;background:#111;color:#fff;box-shadow:0 -16px 40px rgba(0,0,0,0.35);padding:1rem 1.5rem;z-index:9999;display:flex;gap:0.9rem;align-items:center;justify-content:space-between;font-size:14px}.cookie-consent-banner__content{min-width:0}.cookie-consent-banner__content strong{display:inline-block;margin-bottom:0.2rem}.cookie-consent-banner__content p{margin:0;color:#fff;font-size:14px;max-width:76ch}.cookie-consent-banner__content a{color:#fff;font-weight:700;text-decoration:underline}.cookie-consent-banner__actions{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-end}.cookie-consent-banner__accept,.cookie-consent-banner__decline{border-radius:999px;padding:0.55rem 1rem;font-weight:800;line-height:1;cursor:pointer}.cookie-consent-banner__accept{border:1px solid #fff;background:#fff;color:#111}.cookie-consent-banner__decline{border:1px solid #fff;background:transparent;color:#fff}@media (prefers-color-scheme:light){.author-profile-card{background:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(238,242,247,0.88))}}.support-compact{margin-top:0.95rem;border:1px solid var(--color-border-subtle);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,0.015),rgba(255,255,255,0.008));box-shadow:var(--shadow-soft)}.support-compact__details{padding:0.8rem 0.95rem}.support-compact__details>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:0.8rem;font-weight:700;color:var(--color-text);padding:0.1rem 0.15rem}.support-compact__details>summary small{font-size:0.79rem;font-weight:600;color:var(--color-text-dim);text-align:right}.support-compact__details>summary::-webkit-details-marker{display:none}.support-compact__details[open]>summary{margin-bottom:0.65rem}.support-compact__intro{margin:0 0 0.7rem;font-size:0.9rem}.support-compact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.55rem}.support-compact__card{width:100%;text-align:left;background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:12px;padding:0.75rem 0.8rem;color:inherit;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.support-compact__card:hover{border-color:rgba(30,144,255,0.42);box-shadow:0 10px 20px rgba(0,0,0,0.2);background:var(--color-surface-elevated)}.support-compact__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.support-compact__card.is-copied{border-color:rgba(0,179,126,0.65);background:linear-gradient(135deg,rgba(0,179,126,0.07),transparent 45%),var(--color-surface-elevated)}.support-compact__head{display:flex;justify-content:space-between;align-items:center;gap:0.4rem;margin-bottom:0.32rem}.support-compact__chip{display:inline-flex;align-items:center;padding:0.22rem 0.6rem;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);font-size:0.78rem;font-weight:700}.support-compact__address{font-family:"Space Mono","SFMono-Regular",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.84rem;line-height:1.45;color:var(--color-text);word-break:break-word}@media (prefers-color-scheme:light){.content-share-block{background:linear-gradient(160deg,rgba(255,255,255,0.95),rgba(238,242,247,0.88))}.support-compact{background:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(238,242,247,0.88))}}@media (max-width:860px){.project-case-hero{grid-template-columns:minmax(0,1fr)}.project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase__header{grid-template-columns:1fr}.project-showcase__logo{width:96px;height:96px}.project-screenshots__rail{gap:0.6rem;scroll-padding-inline:0}.project-screenshot-card{flex-basis:min(74vw,280px);height:clamp(145px,50vw,220px)}.project-discovery-meta{font-size:0.8rem}.detail-next-actions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-share-actions{gap:0.55rem}.content-share-note{font-size:0.8rem}}@media (max-width:520px){.project-case-hero__actions .btn,.project-conversion-card{width:100%}.project-meta-grid{grid-template-columns:minmax(0,1fr)}.author-profile-card{grid-template-columns:1fr;text-align:left}.author-profile-card__avatar{width:74px;height:74px}.cookie-consent-banner{width:100%;left:0;right:0;transform:none;bottom:0;padding:1rem 1.5rem;flex-direction:column;align-items:stretch}.cookie-consent-banner__actions{justify-content:stretch}.cookie-consent-banner__actions .btn{width:100%}.detail-next-actions__grid{grid-template-columns:1fr}.content-share-actions{justify-content:center}.share-action{min-height:44px;padding:0.5rem 0.82rem;font-size:0.82rem}.support-compact__details>summary{flex-direction:column;align-items:flex-start}.support-compact__details>summary small{text-align:left}}@media (prefers-color-scheme:light){.project-showcase__logo{border-color:rgba(15,23,42,0.18)}}@media (max-width:960px){.home-page .home-section{padding:2.4rem clamp(1.25rem,5vw,2.25rem) 0;border-radius:0}}@media (max-width:720px){.home-hero__title{font-size:2.15rem}.home-hero__actions--primary{display:grid;grid-template-columns:1fr;width:100%}.home-hero__actions--primary .btn{width:100%;flex:1 1 auto}.home-hero__secondary-links{display:grid;grid-template-columns:1fr;gap:0.35rem}.home-hero__list-item{grid-template-columns:1fr}.home-page .section-title{text-align:center}.home-page .section-title::after{margin-inline:auto}.home-page .home-section{padding:1.4rem 0.9rem 1.65rem;border-radius:0}.home-page .home-testimonials-preview__header .btn{width:100%}.affiliate-card-head{align-items:flex-start;flex-direction:column;gap:0.42rem}.affiliate-brand{font-size:0.8rem}.affiliate-media{min-height:0}.affiliate-media img{max-height:min(56vw,280px)}}@media (max-width:460px){.home-hero__title{font-size:1.9rem}}.ui-page-shell{gap:clamp(1.1rem,2vw,1.65rem)}.ui-page-hero{border:1px solid var(--color-border-subtle);border-radius:20px;background:linear-gradient(135deg,rgba(30,144,255,0.1),transparent 42%),var(--color-surface);box-shadow:var(--shadow-soft);padding:clamp(1.15rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1rem,2.5vw,1.5rem);align-items:end}.ui-page-hero__content{display:grid;gap:0.65rem}.ui-page-hero__eyebrow,.ui-page-hero .eyebrow{margin:0}.ui-page-hero h1{margin:0;font-size:clamp(2rem,4.6vw,4rem);line-height:1.03;max-width:11ch}.ui-page-hero__lead{margin:0;color:var(--color-text-dim);font-size:clamp(1rem,0.9vw + 0.8rem,1.18rem);line-height:1.68;max-width:74ch}.ui-page-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.65rem}.ui-section-header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.ui-section-header h2{margin:0;font-size:clamp(1.25rem,1.2vw + 1rem,1.9rem);line-height:1.18}.ui-section-header p:not(.eyebrow){margin:0.35rem 0 0;color:var(--color-text-dim);max-width:70ch;line-height:1.6}.ui-metadata-chips{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}.ui-metadata-chip{display:inline-flex;align-items:center;gap:0.35rem;max-width:100%;border-radius:999px;border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-alt) 82%,transparent);color:var(--color-text);min-height:34px;padding:0.26rem 0.68rem;font-size:0.84rem;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}.ui-metadata-chip span{color:var(--color-text-dim);font-weight:700}.ui-metadata-chip strong{color:var(--color-text);font-weight:750}a.ui-metadata-chip:hover,a.ui-metadata-chip:focus-visible{border-color:rgba(30,144,255,0.52);color:var(--color-accent)}.ui-filter-panel{grid-template-columns:minmax(0,1fr);gap:1rem;padding:clamp(1rem,2.2vw,1.35rem);border-radius:18px}.ui-filter-panel__head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.ui-filter-panel__head h2{margin:0 0 0.3rem;font-size:1.14rem;line-height:1.3}.ui-filter-panel__head p{margin:0;color:var(--color-text-dim);max-width:72ch}.ui-filter-panel__head>span{color:var(--color-text-dim);font-weight:750;white-space:nowrap}.ui-filter-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.85rem}.ui-filter-panel .filter-field--search{grid-column:span 2}.filter-field label{color:var(--color-text-dim)}.ui-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(0.85rem,1.8vw,1.1rem)}.ui-card-grid--home.home-featured-tutorials{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.15rem}.ui-card-grid--home .ui-content-card--featured{grid-column:span 2}.ui-content-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:0;transition:border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.ui-content-card:hover{border-color:color-mix(in srgb,var(--color-accent) 38%,transparent);box-shadow:0 18px 34px rgba(0,0,0,0.24);transform:translateY(-1px)}.ui-content-card.card{padding:0}.ui-content-card__media{display:block;aspect-ratio:16 / 9;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-subtle);text-decoration:none;overflow:hidden}.ui-content-card--featured{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,0.9fr)}.ui-content-card--featured .ui-content-card__media{min-height:clamp(220px,32vw,390px);aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--color-border-subtle)}.ui-content-card__media img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;display:block}.ui-content-card__media--fallback{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 22%,transparent),var(--color-surface-alt));color:var(--color-text);font-size:0.82rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.ui-content-card__body{padding:clamp(0.9rem,1.8vw,1.18rem);display:flex;flex-direction:column;gap:0.68rem;min-width:0}.ui-content-card__kicker{display:inline-flex;width:fit-content;border:1px solid var(--color-accent-badge-border);border-radius:999px;background:var(--color-accent-badge-bg);color:var(--color-accent-badge-text);font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:0.22rem 0.62rem;max-width:100%;overflow-wrap:anywhere}.ui-content-card__title{margin:0;font-size:clamp(1.06rem,0.92rem + 0.7vw,1.48rem);line-height:1.28}.ui-content-card--featured .ui-content-card__title{font-size:clamp(1.3rem,1.1rem + 1.15vw,2rem)}.ui-content-card__title a{color:var(--color-text);text-decoration:none}.ui-content-card__title a:hover,.ui-content-card__title a:focus-visible{color:var(--color-accent)}.ui-content-card__summary{margin:0;color:var(--color-text-dim);line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ui-content-card--featured .ui-content-card__summary{-webkit-line-clamp:5}.ui-content-card__tags{display:flex;flex-wrap:wrap;gap:0.4rem}.ui-content-card__footer{margin-top:auto;display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.ui-content-card .ui-metadata-chips{gap:0.36rem}.ui-content-card .ui-metadata-chip{min-height:30px;font-size:0.78rem;padding:0.2rem 0.56rem}.ui-breadcrumbs{margin-bottom:0.85rem;max-width:100%}.ui-breadcrumbs span[aria-current="page"]{color:var(--color-text-dim);overflow-wrap:anywhere}.ui-article-meta{display:grid;gap:0.7rem;margin-top:0.75rem}.ui-tag-row{display:flex;flex-wrap:wrap;gap:0.4rem}.ui-cta-section{padding:clamp(1.15rem,2.5vw,1.65rem);border:1px solid var(--color-border-subtle);border-radius:18px;display:flex;justify-content:space-between;gap:1rem;align-items:center}.ui-cta-section h2{margin:0;font-size:clamp(1.3rem,1.2vw + 1rem,1.9rem)}.ui-cta-section p{margin:0.35rem 0 0;color:var(--color-text-dim);max-width:68ch}.ui-cta-section__actions{display:flex;flex-wrap:wrap;gap:0.65rem;justify-content:flex-end}.content-share-block{border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-soft)}.content-share-actions{gap:0.55rem}.share-action{box-shadow:none}.cookie-consent-banner{background:#111;border-radius:0}@media (prefers-color-scheme:light){.ui-page-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 45%),var(--color-surface)}.ui-content-card:hover{box-shadow:0 18px 34px rgba(15,23,42,0.12)}.cookie-consent-banner{background:#111}}@media (max-width:980px){.ui-page-hero,.ui-content-card--featured,.ui-cta-section{grid-template-columns:minmax(0,1fr)}.ui-page-hero{align-items:start}.ui-page-hero h1{max-width:100%}.ui-page-hero__actions,.ui-cta-section__actions{justify-content:flex-start}.ui-content-card--featured .ui-content-card__media{border-right:0;border-bottom:1px solid var(--color-border-subtle);min-height:0;aspect-ratio:16 / 9}.ui-filter-panel__grid,.tutorial-filter-primary,.tutorial-filter-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.ui-card-grid--home.home-featured-tutorials{grid-template-columns:minmax(0,1fr)}.ui-card-grid--home .ui-content-card--featured{grid-column:auto}}@media (max-width:640px){.ui-page-hero,.ui-filter-panel,.ui-cta-section{border-radius:16px}.ui-page-hero__actions .btn,.ui-cta-section__actions .btn{width:100%;justify-content:center}.ui-filter-panel__head,.ui-section-header{flex-direction:column;align-items:stretch}.ui-filter-panel__head>span{white-space:normal}.ui-filter-panel__grid,.tutorial-filter-primary,.tutorial-filter-more__grid{grid-template-columns:minmax(0,1fr)}.ui-filter-panel .filter-field--search,.tutorial-filter-primary .filter-field--search{grid-column:auto}.ui-content-card__body{padding:0.9rem}.content-share-actions .share-action,.cookie-consent-banner__actions .btn,.cookie-consent-banner__accept,.cookie-consent-banner__decline{flex:1 1 100%;justify-content:center}}