:root{--ink:#2d1b33;--paper:#c88a9e;--primary:#ff8eaf;--surface:#fff;--accent:#8b2635;--muted:#a081a4}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body,html{background-color:var(--paper);color:var(--ink);-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(4px)saturate(140%)contrast(120%);background:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 100%);border:1px solid #ffffff4d;border-color:#ffffffb3 #ffffff4d #ffffff4d #ffffffb3;border-radius:12px;padding:40px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 15px 35px #2d1b3326,inset 0 0 15px #ffffff1a}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 20px 40px #2d1b3333,inset 0 0 20px #fff3}.document-container{z-index:10;max-width:800px;margin:100px auto;padding:0 20px;position:relative}.document-container h1,.document-container h2,.document-container h3{color:var(--accent);letter-spacing:2px;border-bottom:1px solid #2d1b3333;padding-bottom:10px}.btn-play{background:linear-gradient(135deg, var(--accent) 0%, #611824 100%);color:var(--surface);letter-spacing:2px;cursor:pointer;text-transform:uppercase;border:1px solid #ff4d6d;border-radius:4px;padding:18px 35px;font-family:Courier New,monospace;font-weight:900;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-block;box-shadow:0 10px 20px #8b263566,inset 0 2px 4px #fff3}.btn-play:hover{background:linear-gradient(135deg, #a82e40 0%, var(--accent) 100%);transform:translateY(-3px);box-shadow:0 15px 25px #8b263599,inset 0 2px 4px #ffffff4d}.btn-ios{color:var(--ink);border:2px solid var(--primary);letter-spacing:2px;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:4px;padding:18px 35px;font-family:Courier New,monospace;font-weight:900;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 10px 20px #0000001a}.btn-ios:hover{background:var(--primary);color:var(--surface);box-shadow:0 15px 25px #ff8eaf66}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:1s cubic-bezier(.2,.8,.2,1) forwards fadeIn}html,body,*,:before,:after{cursor:none!important}.custom-cursor-dot{background-color:var(--accent);pointer-events:none;z-index:999999;width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;transition:width .2s,height .2s,background-color .2s,box-shadow .2s;position:fixed;top:0;left:0}.dot-hover{background-color:var(--surface);box-shadow:0 0 15px var(--surface)}.dot-click{width:4px;height:4px}.custom-cursor-ring{pointer-events:none;z-index:999998;opacity:.8;-webkit-backdrop-filter:blur(2px)contrast(110%);backdrop-filter:blur(2px)contrast(110%);border:1.5px solid #8b263580;border-radius:50%;width:36px;height:36px;transition:background-color .3s,border-color .3s,opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0}.ring-hover{border-color:var(--accent);opacity:1;-webkit-backdrop-filter:blur(4px)contrast(120%);backdrop-filter:blur(4px)contrast(120%);background-color:#8b26351a}.ring-click{border-color:var(--ink);background-color:#8b263540}.scroll-indicator{color:var(--accent);opacity:.8;z-index:9999;flex-direction:column;align-items:center;gap:5px;font-family:Courier New,monospace;font-weight:900;animation:2s infinite bounce;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}