#preloader #status img,img{border-radius:var(--radius-md)}.nav__list,ul{list-style:none}#hero h2,#logo a{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));-webkit-text-fill-color:transparent}.feature-card img,img{display:block;height:auto}#promo-wrapper,.nav{position:relative}#copyright,#hero,#promo-wrapper{text-align:center}*,::after,::before{box-sizing:border-box;margin:0;padding:0}#header,.nav__top{padding:.75rem 1.5rem;display:flex}:root{--clr-primary:#3aafd9;--clr-primary-dark:#05a6f0;--clr-secondary:#ee9db8;--clr-accent:#f8ce47;--clr-bg:#f5f5fa;--clr-surface:#ffffff;--clr-text:#2e2a43;--clr-text-muted:#7c7a85;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px rgba(58, 175, 217, .08);--shadow-md:0 8px 32px rgba(58, 175, 217, .12);--shadow-lg:0 16px 48px rgba(124, 110, 245, .16);--font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;--font-display:"ZCOOL KuaiLe","Noto Sans SC",cursive;--transition-fast:.2s ease;--transition-med:.35s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--clr-text);background:var(--clr-bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.nav__list li a,a{text-decoration:none;color:inherit}img{max-width:100%}#preloader{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#3aafd9 0,#ed8dac 100%);display:flex;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}#preloader #status img{width:50vw;height:50vw;animation:1.2s ease-in-out infinite pulse-loader}@keyframes pulse-loader{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}#header-wrapper{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(124,110,245,.08)}#header-wrapper.scrolled{box-shadow:var(--shadow-md)}#header{max-width:1100px;margin:0 auto;justify-content:space-between;align-items:center}#logo a{font-family:var(--font-display);-webkit-background-clip:text;background-clip:text}.nav__top{justify-content:space-between;align-items:center}.nav__list{display:flex;justify-content:space-evenly;align-items:center;padding:0;margin:0;gap:10px}.nav__list li{border-radius:8px;transition:.3s}.nav__list li a{display:block;padding:10px 20px}.nav__list li:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}#hero{padding:6rem 1.5rem 4rem;max-width:800px;margin:0 auto}#hero h2{font-size:clamp(1.6rem, 4vw, 2.5rem);font-weight:800;-webkit-background-clip:text;background-clip:text}.button{transition:.3s cubic-bezier(.25, .8, .25, 1);cursor:pointer;display:inline-flex;padding:.7rem 1.8rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--clr-primary),#9d8dfc);color:#fff;font-weight:600}.button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 15px rgba(0,0,0,.15)}.button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px rgba(0,0,0,.1)}.features-section{max-width:100vw;margin:0 auto;padding:4rem 1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:75vw;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap}.feature-card{flex:1;min-width:250px;max-width:400px;transition:.4s;border-radius:12px;overflow:hidden;background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.12)}.feature-card a{display:block;overflow:hidden;border-radius:8px}.feature-card img{width:100%;transition:transform .5s}.feature-card:hover img{transform:scale(1.1)}#promo-wrapper{background-image:url('/img/promo.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 50px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1;overflow:hidden}#promo-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:-1}#copyright{padding:2rem 1.5rem;font-size:.82rem;color:var(--clr-text-muted)}.reveal{opacity:0;transform:translateY(32px);transition:.7s}.reveal.visible{opacity:1;transform:none}#noteArea{position:fixed;bottom:1.5rem;right:1.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:840px){#header{flex-direction:column;align-items:stretch;gap:1rem}.nav__list,.nav__top{width:100%;justify-content:center}}iframe{width:100vw;height:100vh}