body{font-family:Arial,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;margin:0;padding:0}.container{max-width:1000px;margin:0 auto;padding:20px}header{text-align:center;padding:20px 0}.nav{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 2px 4px var(--shadow)}.nav-link{margin-right:.25rem;text-decoration:none;color:var(--link);font-weight:500;transition:color .2s}.lang-switcher{display:flex;gap:.5rem;align-items:center;margin-left:auto}.lang-switcher button{background:#f0f0f0;color:#333;border:1px solid #ccc;padding:4px 8px;border-radius:4px;font-size:.9em;cursor:pointer;transition:background .2s,color .2s}.lang-switcher button:hover{background:#e0e0e0}.lang-switcher button.active{background:#40e0d0;color:#fff;border-color:#40e0d0}.theme-switcher{display:inline-flex;align-items:center;gap:.5rem}.theme-label{font-size:1em;font-weight:700;color:var(--text)}.theme-current{font-size:.9em;opacity:.8;color:var(--text-muted)}.project,.info,.preview{background:var(--card-bg);color:var(--text);box-shadow:0 4px 8px var(--shadow);border:1px solid var(--card-border);border-radius:8px;transition:transform .2s;padding:15px}.project:hover,.info:hover{transform:scale(1.05)}.project img,.info img,.preview img{width:100%;height:auto;border-radius:5px}.project h3{margin-top:10px;font-size:1.2em}.info h5{margin-top:10px;font-size:.9em}.projects,.infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}a{font-size:1.1em}a:link{color:var(--text)}a:hover{color:var(--accent)}.homelab_preview{width:50%;height:auto;border-radius:5px}footer{text-align:center;margin-top:20px;padding:20px 0;font-size:.9em}.contact-form{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text);box-shadow:0 4px 8px var(--shadow);border-radius:8px;padding:20px;width:100%;max-width:none;box-sizing:border-box}.contact-form .hidden{display:none!important}.contact-form form{display:block}.contact-form h2{margin:0 0 12px;font-size:1.25rem}.contact-form label{display:block;margin-bottom:6px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--card-border);border-radius:6px;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 30%,transparent)}.contact-form .border-red-500{border-color:#ef4444!important}.contact-form .text-red-400{color:#f87171!important}.contact-form .text-emerald-400{color:#34d399!important}.contact-form button[type=submit]{display:inline-block;margin-top:6px;padding:10px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:filter .15s,opacity .15s}.contact-form button[type=submit]:hover{filter:brightness(1.05)}.contact-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.contact-form .text-xs{font-size:.8rem}.contact-form .mb-1{margin-bottom:4px}.contact-form .mb-3{margin-bottom:12px}.contact-form .mb-4{margin-bottom:16px}.form-container{max-width:500px;margin:0 auto;padding:20px;border:1px solid var(--card-border);border-radius:8px}.form-group{margin-top:20px}.site-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 2px 4px var(--shadow)}.site-header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:var(--text)}.site-header img{width:32px;height:32px;border-radius:6px}.topbar{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg),transparent 20%);border-bottom:1px solid var(--card-border)}.topbar__inner{max-width:none;margin:0;padding:10px 16px;display:flex;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.topbar__inner::-webkit-scrollbar{height:6px}.topbar__inner::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.topbar__nav{display:flex;gap:14px;flex-shrink:0}.topbar__link{text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px;color:var(--text);transition:background .2s,color .2s}.topbar__link:hover{background:var(--card-bg);color:var(--accent)}.topbar__link--active{background:var(--card-bg);box-shadow:0 1px 0 var(--card-border) inset}.spacer{flex:1}.topbar__tools{display:flex;align-items:center;gap:10px;flex-shrink:0}main.container,.container{padding-top:8px}.topbar{overflow-x:auto}.wa-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000040;z-index:9999;animation:wa-bounce 2.8s ease-in-out infinite;transition:box-shadow .3s}.wa-fab:hover{animation-play-state:paused;box-shadow:0 8px 20px #00000059}.wa-icon{width:60%;height:auto}@keyframes wa-bounce{0%{transform:translateY(0) scale(1)}10%{transform:translateY(-12px) scale(1.02)}20%{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(1.01)}40%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.wa-fab{animation:none}}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle,var(--accent) 2px,transparent 2px);background-size:40px 40px;animation:moveBg 20s linear infinite;opacity:.2}@keyframes moveBg{0%{background-position:0 0}to{background-position:100px 100px}}:root{--bg: #ffffff;--text: #213547;--text-muted: #60636b;--card-bg: #ffffff;--card-border: #e5e7eb;--shadow: rgba(0, 0, 0, .1);--link: #1d4ed8;--link-hover: #747bff;--accent: turquoise;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}[data-theme=dark]{--bg: #242424;--text: rgba(255, 255, 255, .87);--text-muted: #a1a4ab;--card-bg: #1e1e1e;--card-border: #2a2c33;--shadow: rgba(0, 0, 0, .4);--link: #93c5fd;--link-hover: #60a5fa;--accent: turquoise}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}.nav{display:flex;align-items:center;padding:.75rem 1rem;background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 2px 4px var(--shadow)}.nav-link{margin-right:1rem;text-decoration:none;color:var(--link);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--link-hover)}.nav-link.active{color:var(--accent);border-bottom:2px solid var(--accent)}.lang-switcher{margin-right:1rem}