*{margin:0;padding:0;box-sizing:border-box;font-family:Ambit,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-tap-highlight-color:transparent}img{image-rendering:auto}:root{--bg-primary: radial-gradient(circle at 20% 80%, #3b83f64f 0%, transparent 50%), radial-gradient(circle at 80% 20%, #8000203d 0%, transparent 50%), linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--bg-secondary: rgba(255, 255, 255, .2);--bg-card: rgba(255, 255, 255, .2);--text-primary: #212529;--text-secondary: #6c757d;--text-accent: #162969;--border: rgba(255, 255, 255, .4);--shadow: rgba(0, 0, 0, .1);--hover-overlay: rgba(255,255,255,.42);--selection-bg: rgba(200, 200, 200, .4);--selection-text: currentColor}[data-theme=dark]{--bg-primary: radial-gradient(circle at 20% 80%, #80002070 0%, transparent 50%), radial-gradient(circle at 80% 20%, #1e3b8a96 0%, transparent 50%), linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--bg-secondary: rgba(0, 0, 0, .4);--bg-card: rgba(0, 0, 0, .3);--text-primary: #f8f9fa;--text-secondary: #adb5bd;--text-accent: #dee2e6;--border: rgba(255, 255, 255, .15);--shadow: rgba(0, 0, 0, .4);--hover-overlay: rgba(110, 110, 110, .01);--selection-bg: rgba(200, 200, 200, .3);--selection-text: currentColor}::selection{background-color:var(--selection-bg);color:var(--selection-text)}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 8px 32px var(--shadow);position:relative;z-index:1}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:16px;background:linear-gradient(135deg,var(--border) 0%,transparent 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}@media (max-width: 768px){.container{padding:0 16px}}@media (max-width: 480px){.container{padding:0 12px}}a,button{position:relative;transition:transform .2s ease,background-color .3s ease;z-index:1}a:hover,button:hover{background-color:var(--hover-overlay)}a:active,button:active{transform:scale(.9)}:root{--cursor-default: url(/cursors/arrow.cur), auto;--cursor-pointer: url(/cursors/hand.cur), pointer;--cursor-text: url(/cursors/ibeam.cur), text}body{cursor:var(--cursor-default)}a,button,input[type=submit],input[type=button],input[type=reset],select,.clickable{cursor:var(--cursor-pointer)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea{cursor:var(--cursor-text)}.loading{cursor:var(--cursor-wait)}.disabled,[disabled],button:disabled{cursor:var(--cursor-not-allowed)}.navigation{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;padding:12px;width:calc(100% - 40px);max-width:800px;border-radius:128px!important}.navigation.glass{border-radius:128px!important}.navigation.glass:before{border-radius:128px!important}.nav-container{display:flex;align-items:center;justify-content:center;gap:40px;position:relative}.nav-menu{display:flex;list-style:none;gap:32px;position:relative}.nav-bubble{position:absolute;background:var(--bg-secondary);border-radius:128px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;height:40px}.nav-link{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:128px;transition:all .3s ease;white-space:nowrap;position:relative;z-index:1}.nav-link:hover{color:var(--text-accent)}.nav-link.active{color:var(--text-primary)}.nav-icon{font-size:18px}.nav-text{text-align:center;display:flex;align-items:center}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:128px;padding:8px 12px;color:var(--text-primary);font-size:18px;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-card)}@media (max-width: 1024px){.nav-container,.nav-menu{gap:20px}}@media (max-width: 768px){.navigation{position:fixed;bottom:20px;top:auto;left:20px;right:20px;transform:none;width:calc(100% - 40px);padding:12px}.nav-container{justify-content:center;gap:20px}.nav-menu{gap:20px;flex:1;justify-content:center}.nav-bubble{height:52px;border-radius:50%}.nav-text{display:none}.nav-icon{font-size:22px}.nav-link{padding:0;width:52px;height:52px;border-radius:50%;justify-content:center}.theme-toggle{display:none}}@media (max-width: 480px){.navigation{left:10px;right:10px;width:calc(100% - 20px);padding:8px}.nav-menu{gap:16px}.nav-bubble{height:48px;border-radius:50%}.nav-link{padding:0;width:48px;height:48px;border-radius:50%;font-size:13px}.nav-icon{font-size:20px}.theme-toggle{display:none}}.grid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.grid-pattern{width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:100px 100px;background-position:center center}[data-theme=dark] .grid-pattern{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}.grid-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,transparent 40%,rgba(248,249,250,.6) 70%,rgba(248,249,250,.9) 100%)}[data-theme=dark] .grid-mask{background:radial-gradient(circle at center,transparent 0%,transparent 40%,rgba(26,26,26,.7) 70%,rgba(26,26,26,.95) 100%)}@media (max-width: 768px){.grid-pattern{background-size:80px 80px}}@media (max-width: 480px){.grid-pattern{background-size:80px 80px}}#root{max-width:1280px;margin:0 auto;text-align:center}.app{min-height:100vh;position:relative;overflow-x:hidden}.main-content{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:20px}@media (max-width: 768px){.main-content{min-height:calc(100vh - 120px);padding:20px;margin-bottom:8vh}}@media (max-width: 480px){.main-content{padding:20px 10px;margin-bottom:8vh}}
