@keyframes fadeIn{to{opacity:1}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.navbar-brand a{font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none}.navbar-nav{display:flex;list-style:none;gap:2rem}.navbar-nav .nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--accent);background:#00ff881a}.navbar-actions .theme-toggle{background:none;border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.navbar-actions .theme-toggle:hover{border-color:var(--accent);background:#00ff881a}@media (min-width: 768px){.navbar-nav{gap:1rem}}.page{min-height:calc(100vh - 200px);padding:2rem 0}.hero-section{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:4rem 2rem}.hero-section h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem;background:linear-gradient(135deg,var(--accent),#00ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{font-size:1.2rem;color:var(--text-secondary);max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.projects-grid .project-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:2rem;transition:transform .3s ease}.projects-grid .project-card:hover{transform:translateY(-5px)}.projects-grid .project-card h3{color:var(--accent);margin-bottom:1rem}.contact-form{max-width:600px;margin:2rem auto}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary)}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:var(--accent)}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .submit-btn{background:var(--accent);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.contact-form .submit-btn:hover{background:var(--accent-hover)}.maintenance-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.maintenance-content{text-align:center;z-index:10;padding:2rem}.maintenance-content .maintenance-header h1{font-size:clamp(2rem,6vw,4rem);margin-bottom:1rem;text-shadow:0 0 20px var(--accent)}.maintenance-content .maintenance-header p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.maintenance-content .maintenance-header .status-info{display:flex;gap:2rem;justify-content:center}.maintenance-content .maintenance-header .status-info span{color:var(--accent);font-weight:700}.three-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.commit-info{padding:1.5rem 2rem;border-radius:16px;background:#004e2abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5f7;box-shadow:0 8px 20px #9eff0266;border:4px solid rgba(255,255,255,.1);max-width:60vw;margin-left:auto;margin-right:auto;font-family:Merriweather,serif;animation:gitInfoFadeIn .8s ease-out;position:relative;z-index:99}.commit-info .git-icon{margin-right:.5em;color:#f5f5f5;pointer-events:none}.commit-info p{text-align:left;font-size:1rem;line-height:1.5;transition:color .2s ease;overflow-wrap:anywhere}.commit-info p strong{margin-right:20px;display:inline-block;min-width:120px;color:#ff2a00;font-weight:600}.commit-info p a{color:#bf0;text-decoration:none;border-bottom:1px solid rgba(88,166,255,.3);transition:all .25s ease}.commit-info p a:hover{color:#8e00db;border-bottom-color:#8e00db}.commit-info h2{font-size:1.4rem;margin-bottom:2rem;color:#f5f5f5}@keyframes gitInfoFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;height:100%}body{font-family:Merriweather,serif;line-height:1.6;height:100%;margin:0;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{height:100%}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--accent: #00ff88;--accent-hover: #00cc6a;--border: #333333;--shadow: rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--accent: #007c4a;--accent-hover: #005c36;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1)}