h1{text-align:center;background:linear-gradient(90deg,#d4af37,#f4d03f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.75rem;font-weight:900;line-height:1.2}@media (max-width:650px){h1{font-size:2.5rem}}h2{color:#fff;font-size:2.25rem}@media (max-width:650px){h2{font-size:1.75rem}}h3{font-size:1.5rem}@media (max-width:650px){h3{font-size:1.375rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (max-width:1000px){html{scroll-padding-top:3rem}}body{color:#fff;background:#0a1f1a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}:is(body:has(.preview-container),body:has(.lightbox)){overflow-y:hidden}main{max-width:90rem;margin-inline:auto;padding:3rem}@media (max-width:1000px){main{padding:2rem}}@media (max-width:650px){main{padding:1.5rem}}input{color:#fff;background:#ffffff1a;border:.125rem solid #d4af3766;border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;font-size:1.125rem}input::placeholder{color:#fff9}input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 .25rem #d4af374d}@media (max-width:650px){input{padding:1rem;font-size:1rem}}.input-passord-wrapper{position:relative}.input-passord-wrapper input{padding-right:3.5rem}@media (max-width:650px){.input-passord-wrapper input{padding-right:2.5rem}}.input-passord-wrapper span{cursor:pointer;color:#d4af37;position:absolute;top:1.375rem;right:1.5rem}@media (max-width:650px){.input-passord-wrapper span{top:1rem;right:1rem}}button{cursor:pointer;border:none;transition:all .3s}button:disabled{opacity:.6;cursor:not-allowed}.btn-gold{color:#000;background:linear-gradient(135deg,#d4af37,#f4d03f);border:2px solid gold;border-radius:1rem;width:100%;padding:1rem 2rem;font-size:1.25rem;font-weight:800;box-shadow:0 1rem 2.5rem #f7d04680}@media (max-width:650px){.btn-gold{padding:1rem 1.5rem;font-size:1rem}}.btn-gold:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 1.25rem 3rem #f7d046b3}.loadingScreen{margin-bottom:4rem;padding-block:3rem}@media (max-width:650px){.loadingScreen{margin-bottom:2rem;padding-block:2rem}}.loadingScreen{background:#0a1f1a;justify-content:center;align-items:center;margin-block:3rem;display:flex}.loadingScreen .loader{border:4px solid #d4af3733;border-top-color:#d4af37;border-radius:50%;width:80px;height:80px;animation:1s linear infinite spin;box-shadow:0 0 20px #d4af374d}.loadingScreen .loader:before{content:"";border:4px solid #0000;border-top-color:#d4af3766;border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:8px}.fade-in-scale{animation:.3s ease-out forwards fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.header{z-index:8;background:#0a1f1a;border-bottom:1px solid #fff;width:100%;height:5rem;padding-block:1rem;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.header .header-container{justify-content:space-between;align-items:center;max-width:90rem;height:100%;margin-inline:auto;padding-inline:3rem;display:flex}@media (max-width:1000px){.header .header-container{padding-inline:2rem}}@media (max-width:650px){.header .header-container{padding-inline:1.5rem}}.header .header-container .logo a{color:#d4af37;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s}.header .header-container .logo a:hover{color:#f4d03f}.header .header-container nav ul{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.header .header-container nav ul li a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s}.header .header-container nav ul li a:hover{color:#d4af37}.header .header-container .icon-dashboard{color:#d4af37;height:1.5rem;transition:all .3s}.header .header-container .icon-dashboard:hover{color:#f4d03f}.header .header-container .icon-wrapper{display:none}@media (max-width:1000px){.header .header-container .icon-wrapper{align-items:center;gap:1rem;display:flex}}.header .header-container .burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:1.5rem;height:1.125rem;display:none}.header .header-container .burger span{background:#d4af37;border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.header .header-container .burger.open span:first-child{transform:rotate(45deg)translate(6px,5px)}.header .header-container .burger.open span:nth-child(2){opacity:0}.header .header-container .burger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:1000px){.header .header-container nav{background:#0a1f1a;width:100%;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;overflow:hidden}.header .header-container nav.open{max-height:31.25rem}.header .header-container nav.open ul{border-bottom:1px solid #fff}.header .header-container nav ul{flex-direction:column;gap:1rem;padding:1rem}.header .header-container nav+.icon-dashboard{display:none}.header .header-container .burger{display:flex}.header .header-container .icon-dashboard:hover{color:#d4af37}.header .header-container nav ul li a{padding:.5rem 1rem;display:block}}
.footer{background:#0a1f1a;border-top:1px solid #fff;min-height:12.5rem;padding-block:2rem}.footer-container{justify-content:space-between;align-items:flex-start;gap:3rem;max-width:90rem;margin-inline:auto;padding-inline:3rem;display:flex}@media (max-width:1000px){.footer-container{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;padding-inline:1.5rem}}@media (max-width:650px){.footer-container{padding-inline:1.5rem}}.footer-brand{flex:1;margin-bottom:1.5rem}@media (max-width:1000px){.footer-brand{margin-bottom:0}}.footer-brand h3{color:#d4af37;margin-bottom:.75rem;font-size:1.25rem}.footer-brand p{color:#fff;font-size:.875rem;line-height:1.5}.footer-nav{flex:1}.footer-nav ul{flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:1000px){.footer-nav ul{flex-direction:column;gap:1rem}}.footer-nav a{color:#fff;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#d4af37}.footer-bottom{text-align:center;color:#aaa;font-size:.75rem}
