:root{--bg-color: #050505;--bg-rgb: 5, 5, 5;--primary-color: #007aff;--primary-rgb: 0, 122, 255;--color-error: #ff3b30;--color-error-rgb: 255, 59, 48;--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .72);--text-tertiary: rgba(255, 255, 255, .45);--glass-bg: rgba(5, 5, 5, .65);--glass-border: rgba(255, 255, 255, .08);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{width:100%;min-height:100vh;background-color:var(--bg-color);-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,#001f3f 0%,var(--bg-color) 60%)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;z-index:1;padding-top:var(--header-height)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding:var(--spacing-xl) var(--spacing-md)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--header-height);padding:0 var(--spacing-xl);position:fixed;top:0;left:0;z-index:50;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:all .3s ease}.site-logo-link{display:flex;align-items:center;text-decoration:none;outline:none}.site-logo{width:140px;height:auto;object-fit:contain}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;fill:var(--text-secondary);transition:fill .2s ease,transform .2s ease;outline:none}.social-links a:focus-visible{fill:var(--primary-color)}.main-title{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,6vw,6rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;letter-spacing:.1em;color:var(--text-secondary);margin-top:var(--spacing-md);text-transform:uppercase;text-align:center}.error-title{font-family:Montserrat,sans-serif;font-size:clamp(3rem,10vw,6rem);color:var(--color-error);text-shadow:0 4px 24px rgba(var(--color-error-rgb),.3);letter-spacing:-.01em;text-align:center}.error-subtitle{font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.05em;color:var(--text-secondary);margin-top:var(--spacing-md);text-align:center}.btn-container{margin-top:var(--spacing-xl);display:flex;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-size:.9375rem;font-weight:600;color:var(--text-primary);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:9999px;text-decoration:none;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.action-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--primary-color)}.footer-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg) var(--spacing-md);width:100%;position:relative;z-index:10;border-top:1px solid var(--glass-border);background:transparent}.copyright{font-size:.75rem;color:var(--text-tertiary);letter-spacing:.02em}.copyright a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;outline:none;font-weight:500}.copyright a:focus-visible{color:var(--primary-color)}.text-container{display:inline-block}.char{display:inline-block;white-space:pre}::selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}@media (hover: hover) and (pointer: fine){.action-btn:hover{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.social-links a:hover{fill:var(--primary-color);transform:scale(1.1)}.copyright a:hover{color:var(--text-primary)}}.action-btn:active{transform:scale(.97)}.social-links a:active{transform:scale(.95)}@media (max-width: 768px){:root{--header-height: 60px;--spacing-xl: 24px}.header-container{padding:0 var(--spacing-md)}.site-logo{width:120px}.hero-subtitle{letter-spacing:.05em}}@media (max-height: 450px) and (orientation: landscape){.app-container{min-height:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}