*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#111}canvas{display:block}#overlay{position:fixed;left:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;z-index:10}.title{font-family:Georgia,serif;font-size:3.5rem;font-weight:700;color:#f0ebe0;letter-spacing:.05em;margin:0}.subtitle{font-family:Georgia,serif;font-size:1.4rem;font-weight:300;color:#a09888;letter-spacing:.15em;text-transform:uppercase;margin-top:.5rem}#socials{display:flex;gap:20px;margin-top:1.5rem;pointer-events:auto}.social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f0ebe0;text-decoration:none;transition:background .3s,transform .3s,border-color .3s}.social-btn:hover{background:#ffffff2e;border-color:#ffffff59;transform:scale(1.1)}#copyright{position:fixed;bottom:20px;right:30px;font-family:Georgia,serif;font-size:.8rem;color:#5a5550;pointer-events:none;z-index:10}@media(max-width:768px){#overlay{width:100%;height:auto;top:40px;justify-content:flex-start;align-items:center}.title{font-size:2.2rem}.subtitle{font-size:1rem}#socials{gap:14px}.social-btn{width:40px;height:40px}#copyright{bottom:10px;right:50%;transform:translate(50%);font-size:.7rem}}