*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#000000;--text-light:#f2f2f2;--text-muted:rgba(255, 255, 255, 0.6);--accent-green:#28e98c;--border-subtle:rgba(255, 255, 255, 0.08);--panel-bg:#0a0a0a;--error-red:#ff453a}body{background-color:var(--bg-dark);font-family:"Spectral",serif;color:var(--text-light);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}h1,h2,h3,button,.nav-links,.menu-trigger-text,.company-tagline,.auth-btn,.dynamic-greeting,.main-clock{font-family:"Karla",sans-serif}header{padding:20px 24px;position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(to bottom,rgb(0 0 0 / .9) 0%,#fff0 100%);pointer-events:none}nav{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.nav-left{display:flex;flex-direction:column;gap:6px}.nav-logo{display:inline-block;line-height:0}.nav-logo-image{width:auto;height:32px;display:block;border-radius:0;object-fit:contain}.company-tagline{font-size:.75rem;font-weight:400;color:var(--text-muted);letter-spacing:-.2px}.nav-right{display:flex;align-items:center;gap:20px}.menu-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgb(255 255 255 / .03);border:1px solid var(--border-subtle);border-radius:100px;cursor:pointer;transition:all 0.3s}.menu-trigger:hover{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .15)}.menu-trigger-text{font-size:13px;font-weight:500;color:rgb(255 255 255 / .8)}.menu-trigger-icon{display:flex;flex-direction:column;gap:4px;width:16px}.menu-line{display:block;width:100%;height:1.5px;background:rgb(255 255 255 / .8);transition:0.3s}.menu-trigger.active .menu-line:first-child{transform:rotate(45deg) translateY(4px)}.menu-trigger.active .menu-line:last-child{transform:rotate(-45deg) translateY(-4px)}.nav-panel{position:fixed;top:0;right:0;width:340px;height:100vh;background:var(--panel-bg);border-left:1px solid var(--border-subtle);z-index:2000;transform:translateX(100%);transition:transform 0.5s cubic-bezier(.19,1,.22,1);overflow-x:hidden}.nav-panel.open{transform:translateX(0)}.nav-panel-inner{display:flex;flex-direction:column;height:100%;padding:28px 24px;overflow-x:hidden}.nav-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--border-subtle)}.nav-panel-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff0;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer}.nav-close:hover{color:#fff;border-color:rgb(255 255 255 / .3)}.nav-links{flex:1;overflow-y:auto;list-style:none;margin:20px 0 0 0;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--accent-green) #fff0;overflow-x:hidden;scrollbar-gutter:stable}.nav-links::-webkit-scrollbar{width:4px}.nav-links::-webkit-scrollbar-track{background:#fff0}.nav-links::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:4px}.nav-item{opacity:0;transform:translateX(20px);transition:all 0.4s ease;transition-delay:calc(var(--i) * 0.06s)}.nav-panel.open .nav-item{opacity:1;transform:translateX(0)}.nav-item a{display:block;padding:14px 0;text-decoration:none;font-size:1.2rem;font-weight:400;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);transition:0.2s;word-break:break-word;overflow-wrap:break-word;white-space:normal}.nav-item a:hover{color:var(--accent-green);transform:translateX(4px)}.nav-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);z-index:1500;opacity:0;visibility:hidden;transition:0.4s}.nav-overlay.open{opacity:1;visibility:visible}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 24px 60px}.clock-container{margin-bottom:1.5rem;text-align:center}.main-clock{font-size:1.2rem;font-weight:400;letter-spacing:.1em;color:var(--text-muted);background:rgb(255 255 255 / .05);backdrop-filter:blur(4px);padding:.3rem 1rem;border-radius:40px;display:inline-block;border:.5px solid var(--border-subtle)}.greeting-container{text-align:center;max-width:900px;width:100%;margin-bottom:2rem}.dynamic-greeting{font-size:clamp(2rem, 7vw, 3.8rem);font-weight:400;letter-spacing:-.02em;color:var(--text-light);line-height:1.3;min-height:5rem;transition:opacity 0.3s ease}.auth-buttons{display:flex;align-items:center;justify-content:center;gap:12px;margin:1rem 0 1.5rem}.auth-btn{background:#fff0;border:none;font-size:1rem;font-weight:400;color:var(--text-muted);cursor:pointer;padding:6px 12px;transition:all 0.2s ease;border-radius:30px;display:inline-flex;align-items:center;gap:8px}.auth-btn i{font-size:1rem}.auth-btn:hover{color:var(--accent-green);background:rgb(40 233 140 / .1)}.auth-separator{color:var(--text-muted);font-size:.8rem}.auth-error-message{text-align:center;font-size:.85rem;color:var(--error-red);background:rgb(0 0 0 / .7);backdrop-filter:blur(8px);padding:8px 18px;border-radius:40px;display:inline-block;margin:0 auto;opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;white-space:nowrap}.auth-error-message.show{opacity:1;transform:translateY(0)}.bottom-credit{text-align:center;padding:1rem;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:#fff0;margin-top:2rem}.bottom-credit a{color:var(--accent-green);text-decoration:none}.dot{margin:0 6px}@media (max-width:700px){header{padding:16px}.menu-trigger-text{font-size:12px}.company-tagline{font-size:.65rem}.nav-panel{width:100%}.nav-item a{font-size:1rem;padding:12px 0}.main{padding:100px 16px 40px}.dynamic-greeting{font-size:2rem}.main-clock{font-size:1rem;padding:.2rem .8rem}.auth-btn{font-size:.9rem}.auth-error-message{font-size:.75rem;padding:6px 14px;white-space:nowrap}}