:root{--bg-color: #080808;--surface-color: #121212;--surface-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1a1;--accent-neon: #00e5ff;--accent-glow: rgba(0, 229, 255, .4);--border-color: rgba(255, 255, 255, .08);--font-heading: "Roboto", sans-serif;--font-body: "Roboto", sans-serif;--grid-gap: 16px}body.light{--bg-color: #ffffff;--surface-color: #f0f4f8;--surface-hover: #d9e2ec;--text-primary: #102a43;--text-secondary: #486581;--accent-neon: #0044ff;--accent-glow: rgba(0, 68, 255, .1);--border-color: rgba(16, 42, 67, .1)}body.mono{--bg-color: #1a1a1a;--surface-color: #2d2d2d;--surface-hover: #3d3d3d;--text-primary: #face6b;--text-secondary: rgba(250, 206, 107, .7);--accent-neon: #face6b;--accent-glow: rgba(250, 206, 107, .3);--border-color: rgba(250, 206, 107, .2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em}.bento-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:var(--grid-gap);padding:24px;max-width:1200px;margin:0 auto}.bento-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;padding:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-card:hover{border-color:var(--accent-neon);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.col-span-2{grid-column:span 2}.row-span-2{grid-row:span 2}@media(max-width:900px){.bento-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bento-container{grid-template-columns:1fr;padding:16px}.col-span-2{grid-column:span 1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}.text-gradient{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-neon) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow{filter:drop-shadow(0 0 10px var(--accent-glow))}.hero-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--surface-color) 0%,var(--bg-color) 100%);gap:30px}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:var(--bg-color);opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color)}.navbar__logo{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.navbar__logo .highlight{color:var(--accent-neon)}.navbar__actions{display:flex;align-items:center;gap:15px}.desktop-only-toggles{display:flex;gap:15px}.toggle-group{display:flex;gap:5px}.mobile-toggle-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:5px;transition:transform .3s ease}.mobile-toggle-btn:hover{color:var(--accent-neon)}.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar__dropdown{position:absolute;top:80px;left:0;width:100%;background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;gap:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1}.navbar__dropdown.is-open{transform:translateY(0);opacity:1;visibility:visible}.dropdown-section{display:flex;flex-direction:column;gap:10px}.dropdown-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px}.toggle-group-vertical{display:flex;flex-direction:column;gap:8px}.toggle-group-vertical .toggle-btn{width:100%;padding:12px;justify-content:center;border-radius:12px}.desktop-links{display:flex;align-items:center;gap:30px}.navbar__links-desktop{display:flex;list-style:none;gap:30px}.navbar__links-desktop a{text-decoration:none;color:var(--text-primary);font-size:.9rem;font-weight:500;transition:color .3s ease}.navbar__links-desktop a:hover{color:var(--accent-neon)}.navbar__links{display:flex;flex-direction:column;list-style:none;gap:15px}.navbar__links a{text-decoration:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .3s ease}.navbar__links a:hover{color:var(--accent-neon)}@media(max-width:900px){.desktop-only-toggles,.desktop-links{display:none}.mobile-toggle-btn{display:flex;align-items:center;justify-content:center}.navbar{padding:0 20px}.navbar__logo{font-size:1.2rem}}.navbar__toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:4px}.contact-form-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form-container input,.contact-form-container textarea{width:100%;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-body)}.contact-form-container button{grid-column:span 2;padding:12px;background:var(--accent-neon);color:var(--bg-color);border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:opacity .3s}.contact-form-container button:hover{opacity:.8}.btn-contact{border:2px solid var(--accent-neon);color:var(--accent-neon);padding:10px 25px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-contact:hover{background:var(--accent-neon);color:var(--bg-color)}.btn-contact-mobile{display:block;width:100%;padding:15px;text-align:center;background:var(--accent-neon);color:var(--bg-color);text-decoration:none;border-radius:12px;font-weight:700;margin-top:10px}.toggle-container{display:flex;gap:10px;align-items:center}.toggle-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.toggle-btn.active{background:var(--accent-neon);color:var(--bg-color);border-color:var(--accent-neon)}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--accent-neon) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glow:hover{text-shadow:0 0 15px var(--accent-glow);color:var(--accent-neon)}a{transition:all .3s ease}main{overflow-x:hidden}