@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(180deg,#070b14,#0b1220);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:var(--text);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(77,163,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(116,192,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:all .3s ease;position:relative}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--accent);transition:width .3s ease}a:hover:after{width:100%}a:hover{color:#74c0ff;text-decoration:none}.wrap{max-width:980px;margin:0 auto;padding:28px 18px 60px;position:relative;z-index:1;animation:fadeIn .8s ease-out}header{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;animation:fadeInUp .6s ease-out}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#74c0ff,#2a5fff);box-shadow:0 10px 30px #4da3ff40;position:relative;transition:all .3s ease;animation:fadeInUp .8s ease-out}.logo:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;background:linear-gradient(45deg,#74c0ff,#2a5fff,#74c0ff);background-size:200% 200%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.logo:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 15px 40px #4da3ff66}.logo:hover:before{opacity:.5}.brand h1{font-size:18px;margin:0;letter-spacing:.2px;background:linear-gradient(135deg,#e8eefc,#a9b7d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.brand p{margin:2px 0 0;font-size:13px;color:var(--muted)}nav{display:flex;gap:14px;font-size:14px}nav a{padding:8px 12px;border-radius:8px;transition:all .3s ease}nav a:hover{background:#4da3ff1a;transform:translateY(-2px)}.hero{margin-top:22px;padding:22px;background:#121a2bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 60px #00000059;animation:fadeInUp .8s ease-out .2s both;transition:all .3s ease;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,163,255,.05),transparent);transition:left .5s ease}.hero:hover:before{left:100%}.hero:hover{border-color:#4da3ff33;box-shadow:0 20px 70px #4da3ff33}.hero h2{margin:0 0 8px;font-size:26px;background:linear-gradient(135deg,#e8eefc,#a9b7d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{margin:0;color:var(--muted);line-height:1.6}.grid{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:16px;background:#121a2bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-5px);border-color:#4da3ff4d;box-shadow:0 10px 30px #4da3ff26;background:#121a2bd9}.card h3{margin:0 0 6px;font-size:15px;color:var(--text);transition:color .3s ease}.card:hover h3{color:var(--accent)}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.contact{margin-top:16px;padding:16px;background:#121a2bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;animation:fadeInUp .8s ease-out .4s both;transition:all .3s ease}.contact:hover{border-color:#4da3ff33;box-shadow:0 8px 25px #4da3ff1a}.contact ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}.contact li{margin:6px 0;transition:transform .2s ease}.contact li:hover{transform:translate(5px)}footer{margin-top:26px;color:var(--muted);font-size:13px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;animation:fadeInUp .8s ease-out .6s both}.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .3s ease}.badge:hover{background:#ffffff14;border-color:#4da3ff4d}section{margin-top:26px;padding:18px;background:#121a2bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;animation:fadeInUp .8s ease-out both;transition:all .3s ease}section:nth-of-type(1){animation-delay:.5s}section:nth-of-type(2){animation-delay:.6s}section:hover{border-color:#4da3ff33;box-shadow:0 10px 30px #4da3ff1a}section h2{margin:0 0 10px;font-size:18px;background:linear-gradient(135deg,#e8eefc,#a9b7d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}section p,section li{color:var(--muted);line-height:1.7}hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:14px 0;position:relative}hr:after{content:"";position:absolute;top:-1px;left:0;width:50px;height:2px;background:var(--accent);border-radius:2px}@media (max-width: 860px){.grid{grid-template-columns:1fr}.hero h2{font-size:22px}nav{flex-wrap:wrap}}:root{--bg: #0b1220;--card: #121a2b;--text: #e8eefc;--muted: #a9b7d4;--accent: #4da3ff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(180deg,#070b14,#0b1220);color:var(--text);min-height:100vh}#root{min-height:100vh}