@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#101a22;--panel:#172831;--panel2:#1c3038;--text:#f2fff9;--muted:#b0c8c1;--line:rgba(169,224,203,.19);--cyan:#75f5bd;--blue:#65d9c2;--purple:#a4f58c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.section-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#091323;font-weight:800;font-size:19px}.main-nav{display:flex;gap:34px;color:var(--muted);font-size:13px}.main-nav a:hover,.site-footer a:hover{color:var(--cyan)}.header-cta{font-size:13px;border:1px solid var(--line);border-radius:30px;padding:9px 17px}.header-cta span{color:var(--cyan);margin-right:7px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative;padding-block:75px 105px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.4px;color:var(--cyan);display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #65e5e01a}.hero h1{font-size:clamp(42px,5.6vw,70px);line-height:1.35;letter-spacing:-2px;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:500px;color:var(--muted);font-size:17px;line-height:2.1}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;padding:12px 21px;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,var(--cyan),#9ce8da);color:#071522}.button-ghost{border:1px solid var(--line);color:var(--text)}.hero-meta{display:flex;gap:35px;margin-top:45px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:13px}.hero-meta small{font-size:11px;color:var(--muted)}.hero-art{height:430px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#5365d8;filter:blur(95px);opacity:.28}.orbit{position:absolute;border:1px solid #9cafff22;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:220px}.orbit-two{width:300px;height:370px;transform:rotate(48deg)}.code-card{position:relative;width:min(430px,100%);padding:0 23px 24px;background:linear-gradient(145deg,#172440,#10182b);border:1px solid #9fb5e52c;border-radius:17px;box-shadow:0 25px 80px #0007;direction:ltr;z-index:1}.window-dots{height:48px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);color:#7786a5;font:11px monospace}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ff7f8c}.window-dots i:nth-child(2){background:#ffd36e}.window-dots i:nth-child(3){background:#68dcb2}.window-dots span{margin-left:auto}.code-card pre{font:12px/2.2 ui-monospace,monospace;color:#d9e2fa;white-space:pre-wrap}.code-purple{color:#c6a5ff}.code-blue{color:#78c8ff}.code-green{color:#8ce4c0}.floating-chip{position:absolute;z-index:2;padding:9px 14px;border:1px solid #a6b7df30;border-radius:9px;background:#17233beF;box-shadow:0 10px 30px #0005;font-size:11px;color:#dce6ff}.chip-ai{top:48px;right:4px}.chip-code{bottom:62px;left:-5px}.chip-network{bottom:5px;right:40px}.scroll-hint{position:absolute;bottom:27px;right:0;color:var(--muted);font-size:11px}.scroll-hint span{color:var(--cyan);margin-right:8px}.about,.interests,.certificates{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:20px}.section-heading h2,.section-title-row h2,.contact h2{font-size:clamp(30px,4vw,46px);line-height:1.55;margin:0;letter-spacing:-1px}.section-heading p,.section-title-row p{color:var(--muted);font-size:14px;line-height:2.2;margin:0}.about-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;margin-top:55px;background:#10182b}.about-item{display:flex;align-items:center;gap:15px;padding:22px 25px}.about-item+.about-item{border-right:1px solid var(--line)}.item-icon{width:42px;height:42px;border-radius:12px;background:#65e5e014;color:var(--cyan);display:grid;place-items:center;font-size:23px}.about-item div{display:flex;flex-direction:column}.about-item strong{font-size:13px}.about-item small{font-size:11px;color:var(--muted)}.interests{border-top:1px solid var(--line)}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:20px}.section-title-row p{max-width:410px}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.interest-card{background:linear-gradient(145deg,#141f38,#10182b);border:1px solid var(--line);border-radius:15px;padding:25px;min-height:225px;position:relative;overflow:hidden}.interest-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#65e5e0;filter:blur(85px);opacity:.08;left:-40px;bottom:-70px}.card-top{display:flex;justify-content:space-between;align-items:center}.interest-icon{font-size:25px;color:var(--cyan)}.card-number{font:11px monospace;color:#687896}.interest-card h3{font-size:19px;margin:24px 0 6px}.interest-card p{font-size:12px;color:var(--muted);line-height:2.1;margin:0}.card-line{display:block;width:35px;height:2px;background:var(--cyan);margin-top:20px}.certificates{border-top:1px solid var(--line)}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.certificate-card{border:1px solid var(--line);background:#111a2d;border-radius:13px;overflow:hidden;transition:.25s}.certificate-card:hover{transform:translateY(-5px);border-color:#65e5e055}.certificate-visual{height:180px;margin:13px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#f6f7ff;background:radial-gradient(circle at 75% 20%,#6475d8aa,transparent 38%),linear-gradient(135deg,#1e3153,#10182d);border:1px solid #c4d0ff24}.certificate-visual:before,.certificate-visual:after{content:"";position:absolute;border:1px solid #ffffff1b;border-radius:50%;width:210px;height:210px}.certificate-visual:after{width:160px;height:160px}.visual-icdl-alt{background:radial-gradient(circle at 25% 25%,#37b9b4aa,transparent 40%),linear-gradient(135deg,#153b48,#10182d)}.visual-type{background:radial-gradient(circle at 75% 20%,#c28b62aa,transparent 40%),linear-gradient(135deg,#493044,#171a30)}.visual-python{background:radial-gradient(circle at 25% 20%,#4b9cdb99,transparent 40%),linear-gradient(135deg,#193c60,#10182d)}.visual-python-advanced{background:radial-gradient(circle at 75% 20%,#a18adb99,transparent 40%),linear-gradient(135deg,#342e61,#10182d)}.cert-symbol{position:absolute;top:12px;right:14px;font:10px monospace;color:#ffffff90}.cert-label{font:9px monospace;letter-spacing:3px;color:#ffffff9a;z-index:1}.cert-big{font:800 48px/1.3 monospace;letter-spacing:-3px;z-index:1}.cert-caption{font-size:10px;color:#ffffffc0;z-index:1}.certificate-info{padding:0 17px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.certificate-info h3{font-size:14px;margin:0}.certificate-info p{font-size:11px;color:var(--muted);margin:2px 0 0}.cert-tag{font-size:9px;color:var(--cyan);border:1px solid #65e5e033;padding:4px 8px;border-radius:20px;white-space:nowrap}.cert-note{font-size:11px;color:var(--muted);line-height:2;margin-top:24px}.cert-note span{color:var(--cyan);margin-left:5px}.contact{padding-block:50px 100px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.contact-panel{background:linear-gradient(130deg,#162541,#111a2d);border:1px solid var(--line);border-radius:18px;padding:45px}.contact h2{margin:16px 0}.contact p{font-size:13px;color:var(--muted);max-width:480px;line-height:2.2}.contact .button{margin-top:15px}.contact-placeholder{display:block;color:#8794af;font-size:10px;margin-top:12px}.contact-orb{height:300px;display:grid;place-items:center;position:relative}.contact-orb span{width:120px;height:120px;border-radius:35px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#0b1425;font-size:65px;font-weight:800;box-shadow:0 0 100px #657ce455;z-index:1}.contact-orb i{position:absolute;width:220px;height:220px;border:1px solid #8c9cff30;border-radius:50%}.contact-orb i:nth-child(2){width:280px;height:160px;transform:rotate(45deg)}.contact-orb i:nth-child(3){width:280px;height:160px;transform:rotate(-45deg)}.site-footer{width:min(1200px,calc(100% - 48px));margin:auto;min-height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.site-footer .brand{color:var(--text)}.site-footer>a:last-child{color:var(--cyan)}
@media(max-width:800px){.main-nav{gap:16px}.hero{grid-template-columns:1fr;padding-top:65px;gap:15px}.hero-art{height:350px;grid-row:2}.hero-copy{grid-row:1}.hero h1{font-size:52px}.section-heading{grid-template-columns:1fr;gap:15px}.section-title-row{align-items:start;flex-direction:column;gap:12px}.interest-grid{grid-template-columns:1fr}.interest-card{min-height:190px}.certificate-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.contact-orb{display:none}}
@media(max-width:560px){.site-header{height:70px}.main-nav{display:none;position:absolute;top:69px;right:0;left:0;padding:18px;background:#111a2d;border:1px solid var(--line);border-radius:0 0 12px 12px;flex-direction:column}.main-nav.open{display:flex}.header-cta{display:none}.menu-toggle{display:block}.section-wrap{width:calc(100% - 36px)}.hero{min-height:auto;padding-block:55px 80px}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-meta{gap:22px}.hero-art{height:300px}.code-card{padding-inline:14px}.code-card pre{font-size:10px}.chip-ai{right:-4px}.chip-code{left:-5px}.chip-network{right:8px}.about,.interests,.certificates{padding-block:70px}.about-strip{grid-template-columns:1fr;margin-top:30px}.about-item+.about-item{border-right:0;border-top:1px solid var(--line)}.certificate-grid{grid-template-columns:1fr}.certificate-visual{height:190px}.contact{padding-block:20px 65px}.contact-panel{padding:28px 22px}.site-footer{width:calc(100% - 36px);gap:10px;flex-wrap:wrap;padding-block:18px}.site-footer>span{order:3;width:100%}}

/* Cyberpunk green accents and robust narrow-screen layout */
body{background-image:radial-gradient(ellipse at 15% 12%,rgba(57,205,145,.10),transparent 34%),radial-gradient(ellipse at 88% 42%,rgba(68,211,187,.08),transparent 32%);overflow-x:clip}
.brand-mark{min-width:34px;font-size:13px;letter-spacing:-.5px;background:linear-gradient(135deg,#8bffbd,#58d7b0)}
.button-primary{background:linear-gradient(110deg,#8bffbd,#5adbb8,#a7f58c);background-size:200% 200%;animation:greenFlow 7s ease infinite}
.hero h1 span{background-image:linear-gradient(90deg,#8bffbd,#5adbb8,#c1ff8b,#8bffbd);background-size:250% auto;animation:greenFlow 8s ease infinite;-webkit-background-clip:text;background-clip:text}
.interest-card,.contact-panel,.code-card{background-image:linear-gradient(135deg,rgba(117,245,189,.10),transparent 55%),linear-gradient(145deg,#1b3038,#14232c)}
.certificate-card{background:#172831}
.visual-hardware{background:radial-gradient(circle at 25% 25%,#62dba5aa,transparent 40%),linear-gradient(135deg,#194b40,#14252d)}
.visual-algorithm{background:radial-gradient(circle at 75% 20%,#a5ee7aaa,transparent 40%),linear-gradient(135deg,#354c37,#14252d)}
.contact-orb span{background:linear-gradient(135deg,#8bffbd,#5adbb8);color:#10231b}
@keyframes greenFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Prevent grid/flex children and decorative artwork from widening the viewport */
.section-wrap,.site-header,.site-footer,.hero,.hero-copy,.hero-art,.code-card,
.section-heading,.section-title-row,.certificate-grid,.certificate-card{min-width:0}
.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){
  .certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .interest-grid{grid-template-columns:1fr}
  .hero-art{width:100%;max-width:100%;overflow:hidden}
  .orbit-one{width:min(390px,90vw)}
  .orbit-two{width:min(300px,75vw)}
}
@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{width:calc(100% - 32px)}
  .section-wrap{width:calc(100% - 32px)}
  .hero{grid-template-columns:minmax(0,1fr);gap:8px}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(34px,9vw,43px);letter-spacing:-1px}
  .hero-art{height:270px;min-width:0}
  .code-card{width:100%;max-width:100%;padding-inline:10px}
  .code-card pre{font-size:clamp(8px,2.45vw,10px);overflow-wrap:anywhere}
  .floating-chip{font-size:10px;padding:7px 9px}
  .chip-code{left:0}
  .chip-ai{right:0}
  .certificate-grid{grid-template-columns:minmax(0,1fr)}
  .certificate-info{min-width:0}
  .certificate-info>div{min-width:0}
  .certificate-info h3,.certificate-info p{overflow-wrap:anywhere}
  .contact-panel{min-width:0}
  .site-footer{width:calc(100% - 32px)}
}
@media(max-width:360px){
  .brand{font-size:12px;gap:7px}
  .brand-mark{width:31px;height:31px;min-width:31px}
  .hero-meta{gap:14px;flex-wrap:wrap}
  .hero-actions .button{padding:11px 14px}
  .certificate-visual{margin:9px}
}