.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;opacity:0;animation:fadeInDown 0.8s ease-out 0.2s forwards;transition:opacity var(--transition-normal);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo:hover{opacity:0.8}.hero-name{font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);opacity:0;animation:fadeInUp 1s ease-out 0.5s forwards;letter-spacing:-0.02em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-tagline-container{position:relative;height:2.5em;display:flex;align-items:center;justify-content:center;margin:0;opacity:0;animation:fadeInUp 1s ease-out 0.7s forwards}.hero-tagline{position:absolute;font-size:var(--font-size-xl);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-normal);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-align:center;width:100%;opacity:0;transform:translateY(20px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.hero-tagline.active{opacity:1;transform:translateY(0)}.hero-tagline.fade-out{opacity:0;transform:translateY(-20px)}.header-nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{text-decoration:none;color:rgba(255,255,255,0.95);font-size:14px;font-weight:600;padding:8px 16px;border-radius:6px;transition:all 0.2s ease;letter-spacing:0.025em;position:relative;opacity:0;animation:fadeInUp 0.8s ease-out forwards;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-link:hover{color:rgba(255,255,255,1);background:rgba(255,255,255,0.15);transform:translateY(-1px)}.nav-link:focus{outline:2px solid rgba(99,102,241,0.5);outline-offset:2px}.nav-link:nth-child(1){animation-delay:0.8s}.nav-link:nth-child(2){animation-delay:1.0s}.theme-toggle-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-sticky);opacity:0;animation:fadeInUp 1s ease-out 3s forwards;cursor:pointer;padding:8px;border-radius:50%;transition:background-color var(--transition-normal)}.theme-toggle-container:hover{background:rgba(255,255,255,0.05)}.theme-toggle{background:var(--toggle-bg);border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);position:relative;overflow:hidden}.theme-toggle:hover{background:var(--color-accent);transform:scale(1.1)}.theme-toggle:active{transform:scale(0.95)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{position:absolute;transition:all var(--transition-normal)}.theme-toggle .sun-icon{opacity:1;transform:rotate(0deg) scale(1)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg) scale(0.8)}[data-theme="light"] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg) scale(0.8)}[data-theme="light"] .theme-toggle .moon-icon{opacity:1;transform:rotate(0deg) scale(1)}.site-footer{font-size:0.8rem;color:var(--color-text-faint);opacity:0;animation:fadeInUp 1s ease-out 3.5s forwards;cursor:pointer;transition:color var(--transition-normal);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.site-footer:hover{color:var(--color-text-secondary)}.coming-soon-toast{background:var(--toast-bg);backdrop-filter:blur(20px);border:1px solid var(--toast-border);border-radius:16px;box-shadow:var(--toast-shadow)}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;color:var(--toast-text)}.toast-icon{color:var(--toast-icon-color);flex-shrink:0}.toast-text{flex:1;min-width:0}.toast-title{font-weight:500;font-size:14px;margin-bottom:2px;color:var(--toast-title-color)}.toast-message{font-size:13px;color:var(--toast-message-color);margin:0}.toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:var(--toast-close-color);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background:var(--toast-close-hover-bg);color:var(--toast-close-hover-color)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--toast-progress-bg);transition:width 4s linear;width:100%;opacity:0.6}@media (max-width:768px){.hero-name{font-size:clamp(2rem,8vw,3rem)}.hero-tagline-container{height:2em}.hero-tagline{font-size:1.1rem}.nav-link{font-size:13px;padding:6px 12px}}@media (max-width:480px){.nav-link{font-size:12px;padding:4px 8px}}[data-theme="light"] .hero-name{color:var(--color-text-primary)}[data-theme="light"] .hero-tagline{color:var(--color-text-secondary)}[data-theme="light"] .nav-link{color:var(--color-text-primary);font-weight:600}[data-theme="light"] .nav-link:hover{color:var(--color-text-primary);background:var(--color-accent);color:white}[data-theme="light"] .site-footer{color:var(--color-text-faint)}[data-theme="light"] .site-footer:hover{color:var(--color-text-secondary)}