*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--bg:#f5f0eb;--bg-warm:#faf6f1;--text:#2a2420;--text-dim:#2a242080;--text-dimmer:#2a242038;--accent-coral:#ff6b4a;--accent-orange:#ff9a3c;--accent-rose:#e8556d;--accent-peach:#ffb088;--accent-mint:#3ecf8e;--accent-gold:#e8a838}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.photo-bg{z-index:-1;background:var(--bg-url) center/cover no-repeat;position:fixed;inset:0}a{color:inherit;text-decoration:none}.home{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.home-header{text-align:center;z-index:1;background:#000000a6;border:1px solid #ffffff14;border-radius:24px;max-width:640px;margin-bottom:3rem;padding:2.5rem 3rem;position:relative}.home-title{letter-spacing:.06em;color:#fff;margin-bottom:1rem;font-size:4.5rem;font-weight:200}.home-subtitle{color:#ffffffb3;max-width:560px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.8}.home-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:960px;display:grid;position:relative}.home-card{cursor:pointer;background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;padding:2rem 1.75rem 2.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.home-card:before{content:"";background:var(--card-accent);opacity:0;border-radius:20px 20px 0 0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.home-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.home-card:hover:before{opacity:1}.card-number{color:var(--card-accent);letter-spacing:.1em;opacity:.8;margin-bottom:1rem;font-size:.7rem;font-weight:600}.card-title{color:#fff;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.card-desc{color:#fff9;flex:1;font-size:.82rem;font-weight:300;line-height:1.65}.card-tech{color:#fff6;letter-spacing:.04em;background:#ffffff0f;border-radius:6px;align-self:flex-start;margin-top:1.25rem;padding:.3rem .7rem;font-size:.68rem;font-weight:500;display:inline-block}.card-arrow{color:var(--card-accent);opacity:0;font-size:1.5rem;transition:all .25s;position:absolute;bottom:1.5rem;right:1.75rem;transform:translate(-8px)}.home-card:hover .card-arrow{opacity:1;transform:translate(0)}.home-footer{text-align:center;z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff0f;border-radius:12px;margin-top:3rem;padding:1.25rem 2rem;position:relative}.home-footer p{color:#ffffff73;font-size:.72rem}.home-footer a{color:var(--accent-coral);opacity:.6;transition:opacity .2s}.home-footer a:hover{opacity:1}.page-shell{min-height:100vh;position:relative}.page-topbar{z-index:100;background:#000000b3;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.back-btn{font-size:.8rem;font-weight:500;font-family:var(--font);cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:.4rem .9rem;transition:all .15s}.back-btn:hover{color:#fff;background:#ffffff26}.page-topbar-title{color:#fff;font-size:.85rem;font-weight:500}.page-topbar-badge{letter-spacing:.04em;border-radius:5px;padding:.2rem .55rem;font-size:.65rem;font-weight:500}.page-content{padding-top:60px}.demo-bg{z-index:-2;pointer-events:none;background:var(--bg-url) center/cover no-repeat;position:fixed;inset:0;overflow:hidden}.demo-area{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:calc(100vh - 60px);padding:2rem;display:flex;position:relative}.demo-panel{border-radius:40px;justify-content:center;align-items:center;width:420px;height:280px;display:flex;position:relative}.demo-panel-content{z-index:2;text-align:center;padding:2rem;position:relative}.demo-panel-content h2{margin-bottom:.5rem;font-size:1.3rem;font-weight:500}.demo-panel-content p{color:var(--text-dim);font-size:.82rem;font-weight:300;line-height:1.6}.demo-shapes-row{align-items:center;gap:1.5rem;display:flex}.demo-scrollable-area{scrollbar-width:none;-ms-overflow-style:none}.demo-scrollable-area::-webkit-scrollbar{display:none}.glass-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#000000a6;border:1px solid #ffffff14;border-radius:16px;width:320px;max-height:calc(100vh - 90px);padding:1.25rem;position:fixed;top:70px;right:1.5rem;overflow-y:auto;box-shadow:0 4px 24px #0000004d}.glass-controls.inline{min-width:260px;position:relative;top:auto;right:auto}.controls-title{color:#fffc;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:.75rem;font-weight:600}.presets-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.preset-btn{font-size:.68rem;font-weight:500;font-family:var(--font);letter-spacing:.03em;color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .65rem;transition:all .15s}.preset-btn:hover{color:var(--accent-coral);background:#ff6b4a33;border-color:#ff6b4a66}.sliders-grid{flex-direction:column;gap:.6rem;display:flex}.slider-row{flex-direction:column;gap:.2rem;display:flex}.slider-label{color:#ffffffb3;justify-content:space-between;font-size:.7rem;font-weight:400;display:flex}.slider-value{font-variant-numeric:tabular-nums;color:var(--accent-coral);font-weight:500}.slider-input{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:3px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent-coral);cursor:pointer;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #ff6b4a40}.slider-input::-moz-range-thumb{background:var(--accent-coral);cursor:pointer;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #ff6b4a40}.toggle-btn{font-size:.68rem;font-weight:500;font-family:var(--font);color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:.3rem .65rem;transition:all .15s}.toggle-btn.active{color:var(--accent-coral);background:#ff6b4a1a;border-color:#ff6b4a40}.css-glass{-webkit-backdrop-filter:blur(12px)saturate(1.2)brightness(1.05);backdrop-filter:blur(12px)saturate(1.2)brightness(1.05);background:#ffffff1f;border:1px solid #ffffff59;position:relative;overflow:hidden;box-shadow:0 8px 32px #2a24201a,0 2px 8px #2a24200f,inset 0 1px 1px #fff9,inset 0 -1px 1px #2a24200d}.css-glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 40%,#0000 60%);position:absolute;inset:0}.css-glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff40,inset 0 0 20px #ffffff0d}.css-glass-refract{-webkit-backdrop-filter:url(#glass-displacement)blur(1px)saturate(1.2)brightness(1.05);backdrop-filter:url(#glass-displacement)blur(1px)saturate(1.2)brightness(1.05);border:1px solid #ffffff59;position:relative;overflow:hidden;box-shadow:0 8px 32px #2a24201a,0 2px 8px #2a24200f,inset 0 1px 1px #fff9,inset 0 -1px 1px #2a24200d}.css-glass-refract:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 40%,#0000 60%);position:absolute;inset:0}.css-glass-refract:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff40,inset 0 0 20px #ffffff0d}@media (width<=800px){.home-grid{grid-template-columns:1fr;max-width:420px}.home-title{font-size:3rem}.glass-controls{width:100%;max-width:420px;max-height:none;margin:1rem auto;position:static}}.controls-burger{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0000008c;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background .2s,border-color .2s;display:flex;position:fixed;top:12px;right:1.5rem}.controls-burger:hover{background:#ff6b4a33;border-color:#ff6b4a80}.controls-burger span{background:#ffffffd9;border-radius:2px;width:18px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.controls-burger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.controls-burger.open span:nth-child(2){opacity:0}.controls-burger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.controls-overlay{z-index:149;background:0 0;position:fixed;inset:0}.controls-drawer{z-index:150;background:#000000b8;border-left:1px solid #ffffff1a;width:340px;max-width:90vw;padding:5rem 1.5rem 2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.controls-drawer.open{transform:translate(0)}.controls-drawer .glass-controls{-webkit-backdrop-filter:none;width:100%;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;position:relative;top:auto;right:auto;overflow:visible}@media (orientation:landscape){.photo-bg,.demo-bg{background-image:var(--bg-url-landscape)!important}}