:root{--primary-color: #ff4d6d;--text-color: #ffffff;--bg-color: #0b0014}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background-color:var(--bg-color);font-family:Montserrat,sans-serif;color:var(--text-color)}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;background:#050510f2;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-out}#start-screen.fade-out{opacity:0;pointer-events:none}.start-content{text-align:center}.start-content h1{font-family:Archivo Black,sans-serif;font-size:3.5rem;margin-bottom:3rem;text-transform:uppercase;letter-spacing:8px;font-weight:900}#enter-btn{padding:1.2rem 4rem;font-size:1.5rem;background:transparent;border:3px solid #fff;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:5px;font-weight:700;font-family:Montserrat,sans-serif;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}#enter-btn:hover{background:#fff;color:#000;box-shadow:0 0 40px #ffffffe6;transform:scale(1.05)}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);text-align:center;z-index:2;pointer-events:none;width:100%;padding:1rem;transition:opacity .8s ease,transform .8s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;opacity:0}.content.hidden{opacity:0;visibility:hidden}.content.revealed{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.glass-panel{position:relative;padding:2.5rem 3.5rem 2.8rem;border-radius:32px;background:linear-gradient(160deg,#ffffff47,#ffffff0f);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 35px 90px #0a0a1e8c,0 0 60px #ffd2f040,inset 0 1px 2px #ffffff80;max-width:min(92vw,980px);overflow:hidden;transform:translateZ(0);will-change:transform}.glass-panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:26px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 40px #ffffff14;pointer-events:none}.glass-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 80% 100%,rgba(255,210,240,.2),transparent 45%);opacity:.6;pointer-events:none}.title{font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;letter-spacing:14px;margin-bottom:6px;line-height:1.2;text-transform:uppercase;text-shadow:0 6px 18px rgba(0,0,0,.6),0 0 35px rgba(255,255,255,.45)}.name{font-family:Fleur De Leah,cursive;font-size:12.8rem;font-weight:900;color:#fff;margin:.2rem 0 .4rem;line-height:1.05;letter-spacing:8px;text-shadow:0 0 45px rgba(255,255,255,.7),0 10px 30px rgba(0,0,0,.75),0 0 90px rgba(255,180,220,.35);z-index:10}.message{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:14px;color:#fff;margin-top:10px;line-height:1.6;text-shadow:0 4px 14px rgba(0,0,0,.6),0 0 30px rgba(255,255,255,.25)}.sub-message{font-size:.95rem;margin-top:4rem;opacity:.8;font-style:italic;letter-spacing:3px;animation:pulseText 2s infinite;font-weight:300;line-height:1.6}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:100;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .35s ease}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 70% 80%,rgba(120,170,255,.12),transparent 60%),#08061240;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);pointer-events:none}.modal.hidden{display:none;opacity:0;pointer-events:none}.modal-content{background:linear-gradient(160deg,#ffffff29,#ffffff0a),#1e0a2d9e;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:3.5rem 3.8rem;border-radius:28px;border:1px solid rgba(255,210,235,.5);box-shadow:0 30px 80px #14051e8c,0 0 45px #ff8cc859,inset 0 1px 2px #ffffff59;max-width:90%;width:550px;text-align:center;position:relative;transform:translateY(10px) scale(.98);animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.1)}.modal-content:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 30px #ffffff1f;pointer-events:none}#modal-text{font-family:Dancing Script,cursive;font-size:2.7rem;color:#ffe8f4;text-shadow:0 0 20px rgba(255,155,210,.7);line-height:1.4}.close-btn{position:absolute;top:20px;right:30px;font-size:2.1rem;color:#ffffffb3;cursor:pointer;transition:all .3s}.close-btn:hover{color:#fff;text-shadow:0 0 15px #fff;transform:scale(1.1)}@keyframes pulseText{0%,to{opacity:.8}50%{opacity:.4}}@keyframes scaleIn{0%{transform:translateY(16px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 1400px){.name{font-size:9.5rem}}@media (max-width: 1024px){.name{font-size:6.5rem}.title{font-size:1.6rem;letter-spacing:7px}.message{font-size:1.2rem;letter-spacing:10px}.glass-panel{padding:2rem 2.5rem 2.3rem}}@media (max-width: 768px){.name{font-size:3.6rem;letter-spacing:1px}.title{font-size:1.2rem;letter-spacing:5px}.message{font-size:.95rem;letter-spacing:7px}.start-content h1{font-size:2.5rem}.glass-panel{padding:1.6rem 1.8rem 2rem}}@media (max-width: 480px){.name{font-size:3rem;letter-spacing:.5px}.title{font-size:1rem;letter-spacing:4px}.message{font-size:.85rem;letter-spacing:6px}.sub-message{font-size:.85rem}.glass-panel{padding:1.4rem 1.4rem 1.8rem}}