*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;background:#06070a;color:#f4f4f4;text-rendering:optimizeLegibility;scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 34%),linear-gradient(180deg,#0b0d13,#06070a 42%,#06070a);overflow-x:hidden}a,button{font:inherit}button{cursor:pointer;border:none}img{display:block;max-width:100%}section{padding:6rem 1.5rem}.container{width:min(1200px,calc(100% - 3rem));margin:0 auto}.glass-card{background:#0f1219b8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000040;border-radius:28px}.primary-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,#ff2d55f5,#ff2d55b3);color:#fff;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;box-shadow:0 18px 40px #ff2d5524}.primary-button:hover{transform:translateY(-2px);box-shadow:0 24px 64px #ff2d552e}.secondary-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.8rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e4e7f0;text-decoration:none;transition:transform .35s ease,border-color .35s ease,color .35s ease}.secondary-button:hover{transform:translateY(-2px);border-color:#3471ffbf;color:#fff}.page-title{font-size:clamp(3rem,4vw,5.8rem);font-weight:900;letter-spacing:-.04em;line-height:.95;margin:0}.section-title{font-size:clamp(2.2rem,3vw,3.4rem);font-weight:800;margin:0 0 1rem}.section-subtitle{max-width:760px;color:#c1c7d0;font-size:1.05rem;line-height:1.85}.header-shell{position:fixed;inset:0 0 auto 0;z-index:50;width:100%;padding:1rem 1.5rem;display:flex;justify-content:center;pointer-events:none}.header-logo{font-size:1.15rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}.header-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.header-link{color:#ffffffd1;text-decoration:none;font-weight:500;transition:color .25s ease}.header-link.active,.header-link:hover{color:#b32b39}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding-top:7.5rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(255,0,0,.16),transparent 18%),radial-gradient(circle at left center,rgba(12,138,255,.12),transparent 15%);pointer-events:none}.hero-content{position:relative;z-index:1;display:grid;gap:1.75rem}.hero-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#d0d7e5}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{position:relative;margin-top:4rem;min-height:480px;border-radius:36px;overflow:hidden;background:linear-gradient(180deg,#161822f2,#07090ebf);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px #00000040}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32))}.hero-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{position:relative;padding:1.5rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#101218a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 68px #0003;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#f34963eb,#000dff57);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.hero-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.35rem}.hero-card p{margin:0;color:#d0d7e5}.grid-cols-3{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{display:grid;gap:1.5rem}.feature-card{padding:2rem;position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:#0d1017bf;box-shadow:0 28px 80px #0003;transition:transform .45s ease,box-shadow .45s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 40px 100px #00000047}.feature-card:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,58,91,.14),transparent 40%);pointer-events:none}.feature-card h4{margin:0 0 1rem;font-size:1.5rem}.flip-card{perspective:1600px}.flip-card-inner{position:relative;width:100%;min-height:360px;transform-style:preserve-3d;transition:transform .85s ease}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;backface-visibility:hidden;overflow:hidden}.flip-card-front__content,.flip-card-back__content{position:relative;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.flip-card-front{background:#0e1118c7}.flip-card-back{background:#0a0c12eb;transform:rotateY(180deg)}.flip-card-tag{display:inline-flex;align-items:center;padding:.5rem .9rem;border-radius:999px;background:#ff2d5526;color:#ff8aa3;font-size:.85rem;font-weight:700;letter-spacing:.04em}.flip-card-back ul{margin:1rem 0 1.5rem;padding-left:1.25rem;color:#d0d7e5;list-style:disc}.flip-card-back li{margin-bottom:.75rem}.search-input,.category-select{width:100%;max-width:360px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#090c12d9;color:#f4f4f4;padding:1rem 1.25rem;outline:none;transition:border-color .25s ease,transform .25s ease}.search-input:focus,.category-select:focus{border-color:#4a97ffd9;transform:translateY(-1px)}.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;padding:.95rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0c12e6;color:#fff;box-shadow:0 18px 40px #00000038;transition:transform .25s ease,background .25s ease}.back-to-top:hover{transform:translateY(-2px);background:#25407ef5}.header-inner{width:min(1200px,calc(100% - 3rem));display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.25rem;border-radius:999px;background:#06080f80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);pointer-events:auto}.header-shell.header-scrolled .header-inner{background:#0a0e16e0;border-color:#ffffff1f}.feature-card p{margin:0;color:#bfc8d8}.advanced-section{position:relative}.advanced-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 30%,rgba(0,147,255,.08),transparent 18%),radial-gradient(circle at 80% 70%,rgba(255,52,111,.1),transparent 14%);pointer-events:none}.advanced-section .container{position:relative;z-index:1}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#12151ed1;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2rem;box-shadow:0 20px 50px #0000001f}.stat-card h3{margin:0 0 .75rem;font-size:2.4rem}.stat-card p{margin:0;color:#bac4d6}.quote-banner{margin-top:2rem;padding:2rem;border-radius:28px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08)}.quote-banner p{margin:0;font-size:1.1rem;color:#dde5f3}.footer{padding:3rem 1.5rem;background:#07090ef0;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{width:min(1200px,calc(100% - 3rem));margin:auto;display:grid;gap:1.5rem;grid-template-columns:1.8fr 1fr}.footer-logo{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff}.footer-links{display:grid;gap:.9rem}.footer-links a{color:#ffffffb8;text-decoration:none}@media (max-width: 980px){.hero-grid,.grid-cols-3,.stats-grid,.footer-inner{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;justify-content:center}}@media (max-width: 620px){.hero{padding-top:5rem}.hero-actions{flex-direction:column;align-items:stretch}}