:root{--bg-color:#1c1c1c;--text-color:#f5f5f5;--accent-color:#00ff88;--outline-color:#ffffff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--header-height:4rem;--mobile-breakpoint:768px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);line-height:1.5;overflow-x:hidden;position:relative;padding-top:var(--header-height)}.main-content{min-height:calc(100vh - var(--header-height));padding:1rem;max-width:100%;margin:0 auto;width:100%}h1,h2,h3{color:var(--text-color);line-height:1.2;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{background-color:transparent;color:var(--accent-color);border:2px solid var(--outline-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;-webkit-appearance:none;touch-action:manipulation;min-height:48px;min-width:48px}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){background-color:var(--accent-color);color:var(--bg-color)}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#121212;border-bottom:1px solid var(--outline-color);z-index:1000;height:var(--header-height)}.logo-button{font-size:1.5rem;font-weight:700;background:none;border:none;color:var(--accent-color);cursor:pointer;padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.nav-links{gap:1rem;transition:all .3s ease}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{gap:.5rem;white-space:nowrap}.user-email{font-size:.9rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;position:relative}.hamburger span{display:block;width:100%;height:2px;background-color:var(--accent-color);transition:all .3s ease}.hamburger.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.container{max-width:100%;width:100%;margin:0 auto;padding:1rem;border:2px solid var(--outline-color);border-radius:12px;background-color:rgba(255,255,255,.02);backdrop-filter:blur(4px);box-sizing:border-box}@media (min-width:768px){.container{max-width:800px;margin:2rem auto}.container,.main-content{padding:2rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (max-width:767px){.header{padding:.5rem}.nav-links{position:fixed;top:var(--header-height);right:-100%;width:80%;max-width:300px;height:calc(100vh - var(--header-height));background-color:#121212;flex-direction:column;align-items:flex-start;padding:2rem;transition:right .3s ease;border-left:1px solid var(--outline-color);box-shadow:-2px 0 10px rgba(0,0,0,.2)}.nav-links.active{right:0}.nav-links>*{width:100%;justify-content:flex-start;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-button{display:block}.logo-button{max-width:70%}button{min-height:44px;min-width:44px}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}