:root{color-scheme:dark;--font-sans:'Inter', 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-display:'Space Grotesk', 'Poppins', 'Inter', sans-serif;--surface:rgba(15, 23, 42, 0.68);--surface-strong:rgba(15, 23, 42, 0.82);--surface-soft:rgba(15, 23, 42, 0.56);--border:rgba(148, 163, 184, 0.24);--text:rgba(248, 250, 252, 0.95);--muted:rgba(203, 213, 225, 0.75);--shadow-lg:0 40px 120px rgba(15, 23, 42, 0.55);--shadow-md:0 24px 60px rgba(15, 23, 42, 0.48);--shadow-sm:0 12px 32px rgba(15, 23, 42, 0.32);--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--accent-1:#6366f1;--accent-2:#22d3ee;--accent-3:#0f172a;--accent-4:#38bdf8}*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent-1) 45%,transparent),transparent 58%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent-2) 55%,transparent),transparent 52%),linear-gradient(165deg,color-mix(in srgb,var(--accent-3) 65%,#020617 35%),#020617 62%,#020617 100%);color:var(--text);line-height:1.6;letter-spacing:.01em;overflow-x:hidden;position:relative}body::before,body::after{content:"";position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.45;pointer-events:none;z-index:-2}body::before{top:-160px;left:-140px;background:color-mix(in srgb,var(--accent-1) 65%,transparent)}body::after{bottom:-190px;right:-160px;background:color-mix(in srgb,var(--accent-2) 55%,transparent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:40;padding:18px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;backdrop-filter:blur(22px);background:linear-gradient(135deg,rgba(15,23,42,.68),rgba(15,23,42,.48));border-bottom:1px solid rgba(148,163,184,.15);box-shadow:0 18px 42px rgba(9,12,20,.48)}.site-header__brand{display:flex;flex-direction:column;font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.site-header__brand span{font-size:.75rem;text-transform:uppercase;opacity:.65;letter-spacing:.32em}.site-header nav{display:flex;gap:clamp(16px,2vw,32px);align-items:center}.site-header nav a{font-size:.95rem;font-weight:500;padding-bottom:6px;position:relative;color:rgba(226,232,240,.86)}.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.site-header nav a:is(:hover,:focus-visible),.site-header nav a.is-active{color:#f8fafc}.site-header nav a:is(:hover,:focus-visible)::after,.site-header nav a.is-active::after{transform:scaleX(1)}.site-header__cta{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#020617;font-weight:600;font-size:.95rem;letter-spacing:.02em;border:0;cursor:pointer;box-shadow:0 14px 30px rgba(59,130,246,.32);transition:transform .3s ease,box-shadow .3s ease}.site-header__cta:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 22px 44px rgba(59,130,246,.42)}main{padding:clamp(32px,6vw,72px) clamp(20px,6vw,64px) 120px;display:flex;flex-direction:column;gap:clamp(36px,6vw,72px);position:relative;z-index:1}.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,5vw,42px);padding:clamp(32px,6vw,60px);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(15,23,42,.68)),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80)center/cover;border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(59,130,246,.22),transparent 55%);opacity:.8;pointer-events:none}.hero__content{grid-column:span 6;display:flex;flex-direction:column;gap:24px;position:relative;z-index:2}.hero__category{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.38em;color:rgba(226,232,240,.76)}.hero__featured{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.28);color:#fbbf24;border-radius:999px;padding:6px 12px;text-transform:uppercase;letter-spacing:.24em}.hero__title{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.4rem);line-height:1.05;letter-spacing:-.03em;margin:0}.hero__summary{font-size:clamp(1rem,1.7vw,1.22rem);color:var(--muted);max-width:38ch;margin:0}.hero__meta{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 14px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.22);font-size:.85rem;font-weight:500;letter-spacing:.02em;color:rgba(226,232,240,.86)}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;border:1px solid transparent}.btn--primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#020617;box-shadow:0 18px 40px rgba(59,130,246,.38)}.btn--primary:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 26px 54px rgba(59,130,246,.45)}.btn--ghost{background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.35);color:rgba(226,232,240,.92)}.btn--ghost:is(:hover,:focus-visible){transform:translateY(-2px);border-color:rgba(226,232,240,.65)}.hero__visual{grid-column:span 6;position:relative;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.6);overflow:hidden;isolation:isolate;box-shadow:var(--shadow-md)}.hero__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3)}.hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(15,23,42,.12),rgba(15,23,42,.55))}.hero__visual-overlay{position:absolute;inset:0;display:grid;place-items:end;padding:24px;background:linear-gradient(160deg,transparent 15%,rgba(15,23,42,.82))}.hero__visual-overlay span{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(226,232,240,.75)}.section{padding:clamp(28px,5vw,48px);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(15,23,42,.68));border:1px solid rgba(148,163,184,.16);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);position:relative}.section__header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}.section__title{font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.4rem);margin:0;letter-spacing:-.02em}.section__subtitle{font-size:.95rem;color:var(--muted);max-width:42ch;margin:0}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(18px,3vw,28px)}.stat-card{padding:24px;border-radius:var(--radius-md);background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .4s ease,box-shadow .4s ease;transform:perspective(800px) rotateX(calc(var(--tilt-y, 0deg))) rotateY(calc(var(--tilt-x, 0deg)))}.stat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(59,130,246,.16),transparent 55%);opacity:0;transition:opacity .4s ease}.stat-card:is(:hover,:focus-within){transform:translateY(-6px) perspective(800px) rotateX(calc(var(--tilt-y, 0deg))) rotateY(calc(var(--tilt-x, 0deg)));box-shadow:0 24px 54px rgba(59,130,246,.28)}.stat-card:is(:hover,:focus-within)::after{opacity:1}.stat-card__value{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.75rem);margin:0;letter-spacing:-.02em}.stat-card__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.32em;color:rgba(226,232,240,.64)}.feature-slider{position:relative;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.68);overflow:hidden;box-shadow:var(--shadow-sm)}.feature-slider__viewport{overflow:hidden}.feature-slider__track{display:flex;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}.feature-slide{flex:0 0 100%;padding:clamp(28px,5vw,48px);display:grid;gap:18px}.feature-slide__badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.32em;color:rgba(226,232,240,.65)}.feature-slide__title{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.05rem);margin:0;letter-spacing:-.02em}.feature-slide__body{color:var(--muted);margin:0;font-size:1rem}.feature-slider__controls{position:absolute;inset:auto 18px 18px auto;display:inline-flex;gap:12px}.feature-slider__control{width:42px;height:42px;border-radius:50%;border:1px solid rgba(148,163,184,.38);background:rgba(15,23,42,.75);color:rgba(226,232,240,.85);display:grid;place-items:center;cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease}.feature-slider__control:is(:hover,:focus-visible){transform:translateY(-2px);background:rgba(30,64,175,.72);border-color:rgba(148,163,184,.56)}.feature-slider__dots{display:flex;gap:10px;align-items:center;margin-top:12px}.feature-slider__dot{width:10px;height:10px;border-radius:50%;border:0;background:rgba(148,163,184,.28);cursor:pointer;transition:transform .3s ease,background .3s ease}.feature-slider__dot.is-active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));transform:scale(1.4)}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(18px,3vw,28px)}.page-card{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.72);padding:clamp(24px,3vw,30px);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .45s ease,box-shadow .45s ease;transform:perspective(800px) rotateX(calc(var(--tilt-y, 0deg))) rotateY(calc(var(--tilt-x, 0deg)))}.page-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-1) 55%,transparent),transparent 55%);transform:translate3d(-60%,-60%,0);opacity:0;transition:opacity .45s ease}.page-card__title{font-family:var(--font-display);font-size:1.35rem;margin:0;letter-spacing:-.015em}.page-card__summary{font-size:.95rem;color:var(--muted);margin:0}.page-card__meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:rgba(226,232,240,.68);text-transform:uppercase;letter-spacing:.24em}.page-card:is(:hover,:focus-visible){transform:translateY(-8px) perspective(800px) rotateX(calc(var(--tilt-y, 0deg))) rotateY(calc(var(--tilt-x, 0deg)));box-shadow:0 24px 54px rgba(59,130,246,.28)}.page-card:is(:hover,:focus-visible)::before{opacity:.45}.page-modal{width:min(480px,90vw);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-lg);padding:0;background:linear-gradient(160deg,rgba(15,23,42,.92),rgba(15,23,42,.78));color:var(--text);box-shadow:var(--shadow-lg)}.page-modal::backdrop{background:rgba(2,6,23,.68);backdrop-filter:blur(6px)}.page-modal__body{padding:clamp(24px,4vw,32px);display:flex;flex-direction:column;gap:18px}.page-modal__title{margin:0;font-family:var(--font-display);font-size:1.55rem}.page-modal__summary{margin:0;color:var(--muted);font-size:.98rem}.page-modal__footer{padding:clamp(20px,4vw,28px);border-top:1px solid rgba(148,163,184,.2);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;background:rgba(15,23,42,.58)}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.26);background:rgba(15,23,42,.75);color:rgba(226,232,240,.82);display:grid;place-items:center;cursor:pointer}.tech-grid{display:flex;flex-wrap:wrap;gap:14px}.tech-chip{padding:10px 16px;border-radius:var(--radius-sm);background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.24);font-weight:600;letter-spacing:.02em;color:rgba(226,232,240,.92)}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-chip{padding:8px 14px;border-radius:999px;background:rgba(148,163,184,.16);border:1px solid rgba(148,163,184,.24);font-size:.85rem}.palette{display:flex;flex-wrap:wrap;gap:10px}.palette__swatch{width:66px;height:66px;border-radius:18px;border:1px solid rgba(148,163,184,.28);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;font-size:.65rem;font-weight:600;color:rgba(15,23,42,.88);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(18px,3vw,24px)}.gallery-grid img{border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm)}.timeline{display:grid;gap:24px;position:relative;padding-left:24px}.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(148,163,184,.4),transparent)}.timeline__item{position:relative;padding:18px 24px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.68);box-shadow:var(--shadow-sm)}.timeline__item::before{content:"";position:absolute;left:-20px;top:24px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 0 0 6px rgba(59,130,246,.22)}.timeline__title{margin:0 0 6px;font-weight:600;color:rgba(226,232,240,.92);letter-spacing:.02em}.timeline__date{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(226,232,240,.58)}.cta{text-align:center;padding:clamp(36px,6vw,60px);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.18);background:linear-gradient(155deg,rgba(15,23,42,.88),rgba(15,23,42,.62));box-shadow:var(--shadow-lg);display:grid;gap:20px}.cta__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.cta__subtitle{margin:0 auto;max-width:52ch;color:var(--muted)}.site-footer{padding:32px clamp(20px,6vw,64px) 80px;color:rgba(148,163,184,.75);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.site-footer a{color:rgba(226,232,240,.85)}.sub-page main{gap:clamp(28px,5vw,48px)}.sub-hero{padding:clamp(28px,5vw,48px);border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(15,23,42,.66));box-shadow:var(--shadow-md);display:grid;gap:20px}.sub-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(18px,3vw,28px)}.layout-card{padding:clamp(24px,4vw,30px);border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.72);box-shadow:var(--shadow-sm);display:grid;gap:16px}.layout-card__title{margin:0;font-weight:600;letter-spacing:.02em}.layout-card__body{margin:0;color:var(--muted);font-size:.95rem}.back-link{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.22);color:rgba(226,232,240,.82);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}[data-animate]{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}[data-animate].is-visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.site-header{flex-wrap:wrap;justify-content:center}.hero{grid-template-columns:repeat(1,minmax(0,1fr))}.hero__content,.hero__visual{grid-column:span 12}}@media (max-width:768px){.site-header nav{flex-wrap:wrap;justify-content:center}.hero__actions{flex-direction:column;align-items:stretch}.feature-slider__controls{position:static;justify-content:center;margin-top:12px}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}