:root{--bg-color: #000814;--bg-rgb: 0, 8, 20;--primary-color: #00aaff;--primary-rgb: 0, 170, 255;--primary-glow: rgba(0, 170, 255, .4);--primary-subtle: rgba(0, 170, 255, .08);--surface-card: rgba(255, 255, 255, .03);--surface-card-hover: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(0, 170, 255, .8);--color-error: #fa5454;--color-error-rgb: 250, 84, 84;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .72);--text-tertiary: rgba(255, 255, 255, .6);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--ease-out-cubic: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .3s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}::selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}html,body,#root{width:100%;min-height:100vh}html{background-color:var(--bg-color);-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y}#root{display:flex;flex-direction:column;background-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#001a3a 0%,var(--bg-color) 70%)}.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,rgba(var(--bg-rgb),0),rgba(var(--bg-rgb),.2) 60%,rgba(var(--bg-rgb),.85))}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;position:relative;z-index:1;padding:calc(var(--space-2xl) + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.main-title,.dive-title{display:flex;justify-content:center;align-items:center;perspective:800px}.text-container{display:inline-flex;flex-wrap:wrap;justify-content:center}.char{display:inline-block;will-change:transform,opacity;font-size:clamp(2.5rem,10vw,5rem);font-weight:700;color:var(--text-primary);letter-spacing:.05em}.dive-char{text-shadow:0 0 20px rgba(var(--primary-rgb),.3)}.title-image{width:90vw;max-width:600px;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.social-icons-container{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;z-index:10}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;transition:transform var(--transition-normal),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.social-icon img{width:22px;height:22px;object-fit:contain;transition:transform var(--transition-fast),opacity var(--transition-fast);opacity:.85;filter:brightness(0) invert(1)}.social-icon:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.social-icon:active{transform:scale(.95);background:var(--surface-card-hover)}.error-content{text-align:center}.error-title{font-size:clamp(4rem,15vw,8rem);color:var(--color-error);text-shadow:0 0 20px rgba(var(--color-error-rgb),.4);letter-spacing:4px}.error-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);letter-spacing:4px;color:var(--text-secondary);margin-top:var(--space-md);text-align:center}.btn-container{margin-top:var(--space-xl);display:flex;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-size:14px;color:var(--text-primary);background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.5);border-radius:var(--radius-full);text-decoration:none;font-weight:600;letter-spacing:2px;transition:transform var(--transition-normal),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 0 15px rgba(var(--primary-rgb),.2);user-select:none;-webkit-user-select:none;outline:none;will-change:transform,box-shadow}.action-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.25)}.action-btn:active{transform:scale(.95);background:rgba(var(--primary-rgb),.25);box-shadow:0 0 10px rgba(var(--primary-rgb),.4)}.footer-container{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:var(--space-md) 0 var(--space-lg) 0;width:100%;z-index:10;white-space:nowrap;position:relative}.copyright{font-size:12px;color:var(--text-tertiary);letter-spacing:1px}.copyright a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast);padding:var(--space-sm);margin:calc(-1 * var(--space-sm));display:inline-block;border-radius:var(--radius-sm);outline:none}.copyright a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;color:var(--primary-color)}.copyright a:active{opacity:.7}@media (max-height: 450px) and (orientation: landscape){html,body{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.app-container{padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@media (hover: hover) and (pointer: fine){.social-icon:hover{transform:translateY(-3px);background:var(--surface-card-hover);border-color:rgba(var(--primary-rgb),.35);box-shadow:0 4px 16px rgba(var(--primary-rgb),.18)}.social-icon:hover img{transform:scale(1.1);opacity:1}.action-btn:hover{background:rgba(var(--primary-rgb),.3);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 25px rgba(var(--primary-rgb),.6)}.copyright a:hover{color:var(--primary-color)}}html,body,a,button,img,input,textarea,select{-webkit-user-drag:none}