:root{--bg-color: #000814;--primary-color: #00aaff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}::selection{background:#00aaff4d;color:#fff}html{width:100vw;height:100dvh;background-color:var(--bg-color);-webkit-text-size-adjust:100%;overscroll-behavior:none}body{width:100%;height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:#fff;overflow:hidden;overscroll-behavior:none;touch-action:none}#root{width:100%;height:100%;display:flex;flex-direction:column;background-color:transparent}.background-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;z-index:0;pointer-events:none;background-color:var(--bg-color)}.background-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00081400,#00081433 60%,#000814d9)}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;position:relative;z-index:1;padding:calc(60px + env(safe-area-inset-top,0px)) 20px 20px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.error-content{justify-content:center}.main-title{font-family:Montserrat,sans-serif;font-size:clamp(2.4rem,8vw,7rem);font-weight:700;color:#fff;margin:0;letter-spacing:4px;text-align:center;text-transform:uppercase}.hero-subtitle{font-family:Inter,sans-serif;font-size:clamp(.85rem,1.5vw,1.2rem);letter-spacing:8px;color:#ffffffb3;margin-top:12px;text-transform:uppercase;text-align:center}.error-title{font-size:clamp(4rem,15vw,8rem);color:#fa5454;text-shadow:0 0 20px rgba(250,84,84,.4);letter-spacing:4px;animation:none}.error-subtitle{font-family:Inter,sans-serif;font-size:clamp(.9rem,2.5vw,1.2rem);letter-spacing:4px;color:#ffffffb3;margin-top:15px;text-align:center}.btn-container{margin-top:40px;display:flex;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-family:Inter,sans-serif;font-size:14px;color:#fff;background:#00aaff26;border:1px solid rgba(0,170,255,.5);border-radius:50px;text-decoration:none;font-weight:600;letter-spacing:2px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 15px #0af3;will-change:transform,box-shadow,background-color;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.action-btn:hover{background:#00aaff4d;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 25px #0af9}}.action-btn:active{transform:scale(.95);background:#00aaff40;box-shadow:0 0 10px #0af6}.footer-container{width:100%;display:flex;justify-content:center;align-items:center;z-index:10;white-space:nowrap;padding-top:15px;padding-bottom:15px;position:relative}.copyright{font-family:Inter,sans-serif;font-size:11px;color:#ffffff80;letter-spacing:1px}.copyright a{color:inherit;text-decoration:none;transition:color .3s ease,opacity .2s ease;padding:8px;margin:-8px;display:inline-block}@media (hover: hover) and (pointer: fine){.copyright a:hover{color:var(--primary-color)}}.copyright a:active{opacity:.7}@media (max-height: 450px) and (orientation: landscape){body{overflow-y:auto}.app-container{padding-top:calc(40px + env(safe-area-inset-top,0px))}}
