@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep: #020617;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--primary: #00d2ff;--primary-glow: rgba(0, 210, 255, .3);--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--accent-glow: rgba(0, 210, 255, .15);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.bg-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(to right,rgba(0,210,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,210,255,.05) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 70%,transparent 100%)}.bg-circuit{position:fixed;inset:0;z-index:-2;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L30 10 L35 15 L35 30 L50 45 L80 45 M10 90 L20 80 L50 80 L60 70 M90 10 L80 20 L80 50 L70 60' stroke='%2300D2FF' fill='none' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%2300D2FF'/%3E%3Ccircle cx='80' cy='45' r='1.5' fill='%2300D2FF'/%3E%3Ccircle cx='10' cy='90' r='1.5' fill='%2300D2FF'/%3E%3C/svg%3E")}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem}.neon-border{border:1px solid var(--primary);box-shadow:0 0 15px var(--primary-glow)}.neon-text{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}button{cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary);color:var(--bg-deep);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;font-family:var(--font-heading)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--primary-glow)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:80px 0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.staff-link:hover{opacity:1!important;color:var(--primary)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(max-width:968px){.nav-links,.nav-cta{display:none!important}.menu-toggle{display:block!important}section{padding:60px 0}.hero-container{grid-template-columns:1fr!important;text-align:center;gap:3rem!important;padding-top:4rem}.hero-buttons{justify-content:center;flex-wrap:wrap}#hero h1{font-size:2.75rem!important}.about-grid{grid-template-columns:1fr!important;gap:4rem!important}#ota-yhteyttä .glass{grid-template-columns:1fr!important;padding:2rem!important}.contact-form-grid{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-grid{grid-template-columns:1fr!important}.dashboard-header{flex-direction:column;align-items:flex-start!important}.dashboard-container{padding:100px 1rem 40px!important}.dashboard-section-grid{grid-template-columns:1fr!important;gap:1.5rem!important}}@media(max-width:640px){.container{padding:0 1.5rem}#hero h1{font-size:2.25rem!important}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.stats-grid>div{margin-top:0!important}}