*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-scnd);background-color:var(--neumo);color:#111}a{text-decoration:none}button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem}input,textarea,select{background-color:#f0f0f3;border:none;border-radius:4px;padding:.5rem}textarea{resize:vertical;min-height:100px}.hero{z-index:1;background:url(./foam.webp) 50%/cover no-repeat;background-color:var(--main);flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;height:calc(100dvh + 20px);padding:40px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";-webkit-backdrop-filter:blur(1px)saturate(120%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.writing-content{width:calc(50dvw - 80px);height:calc(100dvh - 120px);color:var(--bg);text-justify:auto;text-align:start;z-index:3;font-size:x-large;font-family:var(--font-scnd);border-radius:20px;flex-direction:column;justify-content:center;gap:20px;margin-bottom:0;padding:30px;display:flex;position:relative}.buttons{border-radius:20px;flex-direction:row;width:100%;padding:20px 0;display:flex}.hero-button{width:fit-content;color:var(--bg);cursor:pointer;border-radius:20px;align-items:center;padding:15px 20px;font-size:1rem;font-weight:700;transition:background-color .3s;display:flex}.hero-button:hover{background-color:#0000003a}.hero-cta{width:fit-content;color:var(--bg);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-main);background:0 0;border-radius:0;align-items:center;margin-top:15px;transition:background-color .3s;display:flex;position:relative}.hero-cta:after{content:"";background-color:var(--bg);width:0%;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.title{font-family:var(--font-main)}.hero-cta:hover:after{width:100%}.right{z-index:3;justify-content:center;align-items:center;width:calc(50dvw - 80px);height:calc(100dvh - 140px);display:flex;position:relative}.avatar{-webkit-backdrop-filter:blur(10px);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:auto;height:500px;display:flex;overflow:hidden;box-shadow:0 0 10px #477070af}.avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (max-width:768px){.hero{text-align:center;flex-direction:column-reverse;justify-content:center;align-items:center;gap:30px;height:auto;padding:20px}.writing-content{box-sizing:border-box;text-align:center;width:calc(100% - 20px);height:auto;margin-top:0;margin-bottom:50px;padding:15px 20px;font-size:20px}.buttons{flex-direction:row;justify-content:center;display:flex}.right{width:100%;height:100%;padding-top:60px}.avatar{width:300px;height:300px;margin-bottom:0}}.header{z-index:1000;width:100%;font-family:var(--font-scnd);justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:fixed;top:0;left:0}.header__logo{color:#fff;font-size:1.4rem;font-weight:700}.header__nav{align-items:center;gap:25px;display:flex}.header__nav a{color:#fff;opacity:.9;font-size:1rem;text-decoration:none;transition:all .3s}.header__nav a:hover{opacity:1}.book-btn{color:#fff;cursor:pointer;background:#ff5757;border:none;border-radius:8px;padding:10px 18px;font-size:.95rem;transition:all .3s}.book-btn:hover{background:#ff3e3e}.header__menu-btn{cursor:pointer;flex-direction:column;gap:6px;width:30px;display:none}.header__menu-btn .line{background:#fff;width:100%;height:3px;transition:all .3s}.mobile-nav{background:#111;flex-direction:column;gap:25px;width:70%;height:100vh;padding-top:100px;transition:all .4s;display:flex;position:fixed;top:0;left:-100%}.mobile-nav.show{left:0}.mobile-nav a{color:#fff;padding:0 20px;font-size:1.2rem;text-decoration:none}.mobile-book{width:fit-content;margin-left:20px}@media (max-width:800px){.header__nav{display:none}.header__menu-btn{display:flex}}.demos-section{z-index:10;background-color:var(--neumo-dark);color:#e0e0e0;background:url(./foam.webp) 50%/cover no-repeat;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;margin-top:-15px;padding:60px 40px;font-family:Raleway,sans-serif;display:flex}.demos-title{letter-spacing:.5px;margin-bottom:40px;font-size:36px;font-weight:700;display:none}.demos-subtitle{color:#ffffffb3;margin:10px 0 40px;font-size:16px}.demos-container{flex-direction:row;justify-self:center;gap:30px;width:100%;max-width:1000px;height:330px;display:flex}.demos-list{flex-direction:column;flex:3;gap:15px;width:100%;height:100%;padding-right:10px;display:flex;overflow-y:auto}.demos-list::-webkit-scrollbar{width:6px}.demos-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.demo-item{text-align:start;cursor:pointer;background:linear-gradient(145deg,#121e2e,#0d1522);border-radius:14px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000004d}.demo-item:hover{background:linear-gradient(145deg,#1a2b45,#121c2f);transform:translate(5px)scale(1.02);box-shadow:0 6px 18px #0006}.demo-item.active{background:linear-gradient(145deg,#1f2f50,#121e2e);border-left:4px solid #1ed760;box-shadow:0 6px 20px #00000080}.demo-info{flex-direction:column;display:flex}.demo-title{font-size:1.05rem;font-weight:600}.demo-desc{color:#fff9;font-size:.85rem}.demo-play-icon{color:#1ed760;font-size:1.5rem;transition:all .3s}.demo-item:hover .demo-play-icon{transform:scale(1.2)}.demo-aside{border-radius:14px;flex-direction:column;flex:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player{background:linear-gradient(145deg,#121e2e,#0d1522);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;box-shadow:0 8px 24px #00000080}@media (max-width:768px){.demos-section{padding:50px 20px}.demos-container{flex-direction:column-reverse;height:auto}.playing{min-height:300px}.demos-list{flex-direction:row;gap:10px;width:100%;height:100px;padding-right:0;overflow:scroll hidden}.demo-item{flex:unset;min-width:300px}}.player{border-radius:20px;flex-direction:column;gap:15px;padding:25px;display:flex}.audio-controls{justify-content:center;align-items:center;gap:20px;display:flex}.play-btn,.stop-btn{cursor:pointer;color:#7ca3ff;background:0 0;border:none;transition:transform .2s}.progress-container{cursor:pointer;background:#1e1e1e;border-radius:10px;width:100%;height:8px;position:relative}.wave-bars{opacity:.4;size:48px;align-items:flex-end;gap:4px;height:22px;transition:all .3s;display:flex}.wave-bars span{transform-origin:bottom;opacity:.9;background:#7ca3ff;border-radius:3px;width:4px;height:4px}.wave-bars.active span{animation:1s ease-in-out infinite wave}.wave-bars.active{opacity:1}.wave-bars span:first-child{animation-delay:0s}.wave-bars span:nth-child(2){animation-delay:.15s}.wave-bars span:nth-child(3){animation-delay:.3s}.wave-bars span:nth-child(4){animation-delay:.45s}.wave-bars span:nth-child(5){animation-delay:.6s}@keyframes wave{0%,to{height:4px}50%{height:20px}}.audio-controls{justify-content:center;gap:20px;margin:10px 0;display:flex}.play-btn,.stop-btn{cursor:pointer;background:0 0;border:none;transition:transform .2s}.play-btn:hover,.stop-btn:hover{transform:scale(1.1)}.progress-container{cursor:pointer;background:#222;border-radius:20px;width:100%;height:10px;margin:10px 0;position:relative}.progress-bar{background:#7ca3ff;border-radius:20px;width:0%;height:100%;transition:width .15s linear}.time-stamps{opacity:.7;justify-content:space-between;font-size:.85rem;display:flex}.volume-control{align-items:center;gap:10px;margin-top:12px;display:flex}.volume-control input[type=range]{cursor:pointer;width:100%}.home{text-align:center;color:#333;background-color:var(--neumo-dark);flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.about{width:100%;height:100dvh;padding:50px}::-webkit-scrollbar{background-color:var(--neumo-dark);width:10px;height:10px}::-webkit-scrollbar-track{background:var(--neumo-dark);-webkit-backdrop-filter:blur(4px)saturate(180%);backdrop-filter:blur(4px)saturate(180%);border-radius:10px}::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(4px)saturate(180%);backdrop-filter:blur(4px)saturate(180%);background:#ffffff4d;border:2px solid #ffffff1a;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::-webkit-scrollbar-corner{background:0 0}.loading{justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.loading-dots{gap:8px;margin-top:20px;display:flex}.loading-dots div{background-color:#000;border-radius:50%;width:12px;height:12px;animation:.6s infinite alternate bounce}.loading-dots div:nth-child(2){animation-delay:.2s}.loading-dots div:nth-child(3){animation-delay:.4s}@keyframes bounce{to{opacity:.6;transform:translateY(-8px)}}.back{-webkit-backdrop-filter:blur(8px)saturate(180%);z-index:1001;background:#ffffff07;border-top:1px solid #fff6;border-left:1px solid #ffffff4d;border-radius:0 20px 20px 0;justify-content:flex-end;align-items:center;width:70px;height:fit-content;display:flex;position:fixed;top:80px;left:0;box-shadow:3px 3px 3px #00000017}.btn-back svg{margin:0;padding:0;display:block}.btn-back{color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-self:center;font-size:24px;transition:color .2s}.btn-back:hover{color:#1f1f1f}.section-title{color:var(--text);text-align:center;font-size:42px;font-family:var(--font-main)}.flex-col{flex-direction:column;display:flex}.reload-prompt{z-index:1000;opacity:0;pointer-events:none;transition:all .3s;position:fixed;bottom:20px;right:20px}.reload-prompt.show{opacity:1;pointer-events:auto}.reload-card{color:#fff;-webkit-backdrop-filter:blur(8px)saturate(180%);background:#2d2d2d27;border:1px solid #ffffff40;align-items:center;gap:12px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:.9rem;display:flex;border-radius:12px!important}.reload-btn{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700}.reload-btn:hover{background:#b1f139}.glass{-webkit-backdrop-filter:blur(8px)saturate(180%);background:#ffffff07;border-top:1px solid #fff6;border-left:1px solid #ffffff4d;box-shadow:3px 3px 3px #00000017}.neumo-dark{background:var(--neumo-dark);border:none;box-shadow:-5px -5px 20px #1b1b1bb3,5px 5px 20px #0000006c}.neumo{background:var(--neumo);border:none;box-shadow:-10px -10px 20px #ffffffb3,10px 10px 20px #aeaec04d}.neumo-blur{background:var(--neumo);border:none;box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec066,inset -10px -10px 10px #aeaec040,inset 10px 10px 10px #fff}.neumo-inset{background:var(--neumo);border:none;box-shadow:inset -10px -10px 20px #ffffffb3,inset 10px 10px 20px #aeaec04d}@font-face{font-family:miguel;src:url(/assets/miguel-BNngb8QJ.ttf)format("truetype");font-weight:400;font-style:normal}:root{--main:#02000a;--scnd:#ffa9d8;--light:#ffffff0f;--accent:#7ca3ff;--text:#000;--neumo-dark:#0f0f0f;--neumo:#f0f0f3;--bg:#111;--link:#69311b;--font-main:"Raleway",sans-serif;--font-scnd:"Raleway",sans-serif;--color-primary:#fff;--color-primary-faint:#12154b28;--theme-1:#03091a;--theme-2:#ee8700;--theme-3:#fff;--theme-4:#000;--card:#0e1720;--shadow-dark:#020617b3}.cs-page{background:radial-gradient(1200px 600px at 10% 10%,#131e380f,transparent 8%),radial-gradient(1000px 500px at 90% 85%,#a673ff08,transparent 8%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;width:100dvw;height:100dvh;padding:32px;font-family:Raleway,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:flex}.cs-card{color:#e7eefc;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:820px;max-width:96%;display:flex}.cs-logo{border-radius:50%;place-items:center;width:84px;height:84px;font-size:34px;display:grid}.cs-sub{opacity:.85;color:#e6eefce6;max-width:820px;margin-top:8px;font-size:clamp(14px,1.6vw,16px);line-height:1.45}.cs-meta{opacity:.7;align-items:center;gap:10px;margin-top:6px;font-size:.9rem;display:flex}.cs-meta .dot{opacity:.45}.cs-orb{filter:blur(24px);opacity:.08;pointer-events:none;z-index:6;border-radius:999px;position:absolute}@media (max-width:900px){.cs-card{border-radius:22px;padding:40px 28px}.cs-title{letter-spacing:4px}}@media (max-width:520px){.cs-card{padding:28px 18px}.cs-logo{width:64px;height:64px;font-size:28px}.cs-title{letter-spacing:3px;font-size:28px}.cs-sub{font-size:14px}}