:root{--brand-primary:#ff764c;--brand-secondary:#f0dbe6;--brand-accent:#aa80ff;--brand-bg:#fbfbfe;--brand-surface:#ffffffb3;--brand-glass-border:#0000000d;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-outer:32px;--radius-inner:16px;--blur-glass:24px;--shadow-depth:0 8px 32px 0 #0000005e;--padding-v:120px;--padding-h:5%;--text-main:#1f1f2e;--text-dim:#5c5c70;--text-secondary:#8f8fa3;--ethereal-lavender:#f0e5fa;--ethereal-mint:#e5faf3;--ethereal-peach:#ffefeb;--ethereal-glass:#ffffff14;--ethereal-border:#ffffff40;--blur-ethereal:40px;--peach:#ff764c;--neon-pink:#ff66b3;--electric-indigo:#aa80ff;--surface-card:#fff9;--surface-solid:#fff;--input-bg:#00000008;--input-border:#0000000f;--header-glass:#ffffffbf;--nav-hover:#00000008;--nav-active-shadow:#ff7e5733}[data-theme=dark]{--brand-bg:#0e0e16;--brand-surface:#ffffff0d;--brand-glass-border:#ffffff14;--text-main:#e7e7ef;--text-dim:#89899f;--text-secondary:#606076;--ethereal-lavender:#17101e;--ethereal-mint:#0c1714;--ethereal-peach:#1d100c;--ethereal-glass:#ffffff0a;--ethereal-border:#ffffff17;--surface-card:#ffffff0d;--surface-solid:#1d1d2b;--input-bg:#ffffff0d;--input-border:#ffffff1a;--header-glass:#12101ed9;--nav-hover:#ffffff0a}[data-theme=dark] body,[data-theme=dark] .admin-layout{background:linear-gradient(135deg,#120c17 0%,#080a11 50%,#130d0b 100%) fixed!important}[data-theme=dark] .admin-sidebar{background:#0e0c18eb!important;border-right-color:#ffffff12!important}[data-theme=dark] .nav-item:hover{background:var(--nav-hover)!important;color:var(--text-main)!important}[data-theme=dark] .side-toggle:hover{background:#ffffff0d!important}[data-theme=dark] .footer-item:hover{background:#ff4b2b14!important}[data-theme=dark] .glass-ethereal{border-color:var(--ethereal-border)!important;background:#ffffff0a!important}[data-theme=dark] .glass-v2{background:var(--surface-card)!important;border-color:var(--ethereal-border)!important;box-shadow:0 10px 30px #0000004d!important}[data-theme=dark] .edit-header-ethereal{background:var(--header-glass)!important;border-bottom-color:var(--ethereal-border)!important}[data-theme=dark] .btn-back-translucent{border-color:var(--ethereal-border)!important;color:var(--text-dim)!important;background:#ffffff0f!important}[data-theme=dark] .btn-glass-secondary{border-color:var(--ethereal-border)!important;color:var(--text-main)!important;background:#ffffff0f!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-main)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-dim)!important}[data-theme=dark] .field-group input:focus,[data-theme=dark] .data-textarea:focus{background:#ffffff14!important}[data-theme=dark] .day-sidebar{background:var(--surface-solid)!important;box-shadow:0 4px 15px #0000004d!important}[data-theme=dark] .date-pill-v2,[data-theme=dark] .icon-box-v2{background:var(--surface-solid)!important;border-color:var(--ethereal-border)!important;color:var(--text-main)!important}[data-theme=dark] .icon-box-v2.active{background:var(--brand-primary)!important;color:#fff!important}[data-theme=dark] .simple-list-textarea{background:var(--input-bg)!important;border-color:var(--input-border)!important}[data-theme=dark] .advisory-row-v2 textarea{border-color:var(--input-border)!important;color:var(--text-dim)!important}[data-theme=dark] .modal-content{border-color:var(--ethereal-border)!important;background:#14141f!important}[data-theme=dark] .input-card{border-color:var(--ethereal-border)!important;color:var(--text-main)!important;background:#ffffff0a!important}[data-theme=dark] .input-card:hover,[data-theme=dark] .input-card.active{background:#ff7e571a!important}[data-theme=dark] .file-upload-zone{border-color:var(--ethereal-border)!important}[data-theme=dark] .close-btn:hover{background:#ffffff12!important}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--ethereal-lavender) 0%, var(--ethereal-mint) 50%, var(--ethereal-peach) 100%);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.glass-ethereal{-webkit-backdrop-filter:blur(var(--blur-ethereal)) saturate(150%);border:1px solid var(--ethereal-border);background:#fff6;box-shadow:0 8px 32px #00000008}.gradient-ethereal{background:linear-gradient(135deg, var(--ethereal-lavender), var(--ethereal-mint), var(--ethereal-peach));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1440px;padding:0 var(--padding-h);margin:0 auto}.section-padding{padding:var(--padding-v) 0}.gradient-text{background:linear-gradient(90deg, var(--brand-primary), #ff66b2, var(--brand-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:24px;display:grid}.bento-card{border-radius:var(--radius-outer);cursor:pointer;border:1px solid var(--ethereal-border);-webkit-backdrop-filter:blur(var(--blur-ethereal));backdrop-filter:blur(var(--blur-ethereal));background-position:50%;background-size:cover;position:relative;overflow:hidden}.bento-card.large{grid-area:span 2/span 2}.bento-card.medium{grid-area:span 1/span 2}.bento-card.small{grid-area:span 1/span 1}.bento-overlay{background:linear-gradient(#0000 0%,#0006 100%);flex-direction:column;justify-content:flex-end;padding:40px;transition:background .4s;display:flex;position:absolute;inset:0}.bento-card:hover .bento-overlay{background:linear-gradient(#0000 0%,#0009 100%)}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}}@media (width<=640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}.bento-card.large,.bento-card.medium,.bento-card.small{grid-area:span 1/span 1}}.admin-layout{background:var(--brand-bg);min-height:100vh;color:var(--text-main);transition:all .3s;display:flex}.admin-sidebar{z-index:1000;border-right:1px solid var(--ethereal-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar.expanded{width:260px}.admin-sidebar.collapsed{width:68px}.sidebar-header{border-bottom:1px solid var(--ethereal-border);flex-direction:column;gap:20px;padding:24px 16px;display:flex}.header-top{justify-content:space-between;align-items:center;display:flex}.logo-mark{object-fit:contain;width:32px;height:32px}.side-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.side-toggle:hover{background:#0000000d}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:4px;padding:20px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#00000008}.nav-item.active{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #ff7e5733}.nav-icon{justify-content:center;align-items:center;min-width:20px;display:flex}.nav-label{opacity:1;font-size:.9rem;font-weight:500;transition:opacity .2s}.collapsed .nav-label{opacity:0;pointer-events:none}.sidebar-footer{border-top:1px solid var(--ethereal-border);flex-direction:column;gap:10px;padding:20px 12px;display:flex}.footer-item{color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.footer-item:hover{color:#ff4b2b;background:#ff4b2b0d}.admin-main{flex:1;max-width:100%;padding:40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-main.with-sidebar-expanded{margin-left:260px}.admin-main.with-sidebar-collapsed{margin-left:68px}.module-header{margin-bottom:40px}.module-title{color:var(--text-main);font-size:2rem;font-weight:800}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}