*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{color:#fff;background:#020617;width:100%;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}body{position:relative}#bg-canvas{z-index:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,#00dcff38,#0000 28%),radial-gradient(circle at 20% 75%,#2563eb42,#0000 32%),radial-gradient(circle,#0ea5e914,#0000 45%),linear-gradient(135deg,#020617 0%,#07142f 45%,#020617 100%);width:100%;height:100%;position:fixed;top:0;left:0}.content{z-index:1;position:relative}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#0206179e;border:1px solid #94a3b82e;border-radius:999px;justify-content:space-between;align-items:center;width:min(1100px,92%);padding:14px 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000059}.logo{letter-spacing:1px;color:#e0f2fe;background:linear-gradient(135deg,#06b6d459,#2563eb59);border:1px solid #7dd3fc59;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 0 20px #0ea5e947}.nav-links{gap:22px;display:flex}.nav-links a{color:#cbd5e1;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#67e8f9}.hero{flex-direction:column;justify-content:center;width:min(1100px,90%);min-height:100vh;margin:0 auto;padding-top:80px;display:flex}.badge{color:#a5f3fc;background:#0ea5e91f;border:1px solid #7dd3fc52;border-radius:999px;width:fit-content;margin-bottom:22px;padding:9px 15px;font-size:14px;box-shadow:0 0 18px #0ea5e92e}.hero h1{letter-spacing:-4px;background:linear-gradient(90deg,#fff,#a5f3fc,#60a5fa);color:#0000;-webkit-background-clip:text;max-width:950px;margin-bottom:24px;font-size:clamp(52px,9vw,108px);line-height:.95}.subtitle{color:#cbd5e1;max-width:780px;margin-bottom:34px;font-size:clamp(18px,2vw,23px);line-height:1.65}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.btn{border-radius:14px;justify-content:center;align-items:center;width:fit-content;min-height:48px;padding:13px 24px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(90deg,#06b6d4,#2563eb);box-shadow:0 0 28px #06b6d452}.btn.secondary{color:#dff7ff;background:#0f172a80;border:1px solid #7dd3fc4d}main{width:min(1100px,90%);margin:0 auto}.section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172abd;border:1px solid #94a3b82b;border-radius:24px;margin-bottom:34px;padding:36px;box-shadow:0 20px 50px #00000047}.section-label{color:#67e8f9;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800}.section h2{letter-spacing:-1.5px;max-width:780px;margin-bottom:18px;font-size:clamp(30px,4vw,46px);line-height:1.1}.section p{color:#cbd5e1;max-width:850px;margin-bottom:12px;line-height:1.75}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.card{background:linear-gradient(135deg,#0ea5e914,#2563eb0a),#02061759;border:1px solid #7dd3fc29;border-radius:20px;min-height:170px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{border-color:#67e8f96b;transform:translateY(-5px);box-shadow:0 0 28px #0ea5e91f}.card h3{color:#f8fafc;margin-bottom:12px;font-size:22px}.card p{color:#cbd5e1;margin-bottom:0}.project-card{min-height:190px}.credly-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.credly-card{background:linear-gradient(135deg,#0ea5e91a,#2563eb0a),#0206176b;border:1px solid #7dd3fc2e;border-radius:20px;justify-content:center;align-items:center;min-height:330px;padding:24px 18px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden}.credly-card:hover{border-color:#67e8f973;transform:translateY(-5px);box-shadow:0 0 30px #0ea5e924}.credly-card iframe{max-width:100%}.contact-section{margin-bottom:60px}.contact-box{background:#02061761;border:1px solid #94a3b824;border-radius:18px;margin:24px 0;padding:20px}.contact-box p{margin-bottom:8px}.contact-box a{color:#a5f3fc;text-decoration:none}.contact-box a:hover{color:#67e8f9;text-decoration:underline}footer{color:#94a3b8;width:min(1100px,90%);margin:0 auto;padding:30px 0 45px;font-size:14px}@media (width<=1100px){.credly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.cards-grid{grid-template-columns:1fr}}@media (width<=800px){.navbar{border-radius:22px;align-items:flex-start;top:12px}.nav-links{display:none}.hero h1{letter-spacing:-2px}.section{padding:26px}}@media (width<=650px){.credly-grid{grid-template-columns:1fr}}