:root{--bg:#020617;--card:#111827cc;--accent:#818cf8;--text:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:60px 20px;overflow-x:hidden}canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}header{text-align:center;margin-bottom:60px}h1{font-weight:600;font-size:2.8em;margin-bottom:10px}.subtitle{opacity:.7;font-weight:300}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto}.card{perspective:1000px}.inner{position:relative;width:100%;height:260px;transition:transform .7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.card:hover .inner{transform:rotateY(180deg)}.face{position:absolute;width:100%;height:100%;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;backface-visibility:hidden;background:var(--card);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.front{font-size:1.4em;font-weight:500}.back{transform:rotateY(180deg);font-size:.95em;line-height:1.6;opacity:.9}.icon{font-size:2em;margin-bottom:15px;color:var(--accent)}a{color:#a5b4fc;text-decoration:none}a:hover{text-decoration:underline}.contact{margin-top:80px;text-align:center}.contact-box{display:inline-block;padding:30px 40px;border-radius:20px;background:#111827b3;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}footer{text-align:center;margin-top:50px;opacity:.4;font-size:.85em}.main-nav{display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:18px 30px;border-radius:0 0 18px 18px;margin-bottom:40px;box-shadow:0 2px 16px #0002}.main-nav .logo{font-size:1.5em;font-weight:700;color:var(--accent);text-decoration:none}.main-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}.main-nav ul li a{color:var(--text);text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:background .2s}.main-nav ul li a:hover{background:var(--accent);color:#fff}