body,html,#root{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif}.hero-section{background:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1500&q=80) center/cover no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.overlay{width:100%;min-height:100vh;background:#00000040;display:flex;align-items:center;justify-content:center}.content{text-align:center;color:#fff;max-width:90vw}.headline{font-size:2.4rem;font-weight:700;margin-bottom:12px;letter-spacing:1px}.underline{width:500px;height:4px;background:#ff4081;margin:0 auto 20px;border-radius:3px}.subtext{font-size:1.13rem;margin-bottom:28px;color:#fffbe8}.highlight{font-weight:700;color:#ff4081}.register-btn{background:#ff4081;color:#fff;border:none;border-radius:3px;padding:14px 38px;font-size:1.12em;margin-bottom:14px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:background .2s}.register-btn:hover{background:#e73370}.discover-link{color:#fff;opacity:.9;font-size:.94rem;margin-top:13px;cursor:pointer;text-decoration:underline dotted}@media (max-width: 700px){.headline{font-size:1.4rem}.subtext{font-size:1rem}.register-btn{padding:10px 22px;font-size:.96em}}.gif-modify{width:100px;height:100px;border-radius:50%}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width: 768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width: 480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.main-header{background:#00000025;width:100vw;padding:0;margin:0;position:fixed;top:0;left:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:center}.nav-bar{max-width:1200px;width:95vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo-title{font-family:Bodoni Moda,serif,Georgia,Times New Roman;font-size:1.18rem;letter-spacing:1px;color:#fff;font-weight:400;text-align:center}.csc{font-size:.86rem;color:#bebebe;letter-spacing:2px;margin-left:2px}.nav-links{display:flex;list-style:none;gap:2.2rem;padding:0;margin:0}.nav-links.right{justify-content:flex-end;min-width:120px}.nav-links li a{text-decoration:none;font-size:.88rem;color:#d8dde7;letter-spacing:2px;font-family:Inter,Arial,sans-serif;transition:color .2s}.nav-links li a.active,.nav-links li a:hover{color:#fff}@media (max-width: 650px){.nav-bar{flex-direction:column;height:auto}.main-header{height:auto}.logo-title{margin:10px 0}.nav-links{gap:1.2rem}}.contact-section{background-color:#121212;color:#eee;padding:60px 20px;display:flex;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-container{max-width:480px;width:100%}h2{font-weight:600;margin-bottom:28px;font-size:2.2rem;text-align:center}.success-message{background-color:#2d7a2d;border-radius:6px;padding:15px 20px;margin-bottom:20px;font-weight:600;color:#d4f7d4;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}label{display:flex;flex-direction:column;font-size:.95rem;color:#bbb}input,textarea{margin-top:6px;padding:10px 14px;border:none;border-radius:6px;background-color:#222;color:#eee;font-size:1rem;font-family:inherit;transition:background .3s ease;resize:vertical}input::placeholder,textarea::placeholder{color:#6b6b6b}input:focus,textarea:focus{outline:2px solid #ff4081;background-color:#2b2b2b}.error-msg{margin-top:4px;color:#ff4d6d;font-size:.87rem;font-weight:500}.submit-btn{background-color:#ff4081;color:#fff;padding:14px 20px;font-weight:600;font-size:1.1rem;border:none;border-radius:6px;cursor:pointer;align-self:center;width:100%;max-width:240px;transition:background-color .3s ease}.submit-btn:hover,.submit-btn:focus{background-color:#e73370;outline:none}@media screen and (max-width: 480px){.contact-container{padding:0 12px}h2{font-size:1.8rem}}