@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{color:#f5f7fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 100% 0,#2047aa42,#0000 30%),linear-gradient(#06090f 0%,#070b11 52%,#05080d 100%);font-family:Cairo,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/104px 104px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/104px 104px,radial-gradient(circle at 100% 0,#436adc24,#0000 30%),linear-gradient(#06090f 0%,#070b11 52%,#05080d 100%);min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 12%,#4f8cff14,#0000 0 24%),radial-gradient(circle at 88% 18%,#4f8cff14,#0000 0 26%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}#root{min-height:100vh}::selection{color:#fff;background:#4f8cff59}:root{--bg:#070b11;--bg-soft:#0d131d;--surface:#0e121cd1;--surface-strong:#0c101af5;--border:#7385aa2e;--border-strong:#6a8eff5c;--text:#f5f7fa;--text-soft:#b7c0d2;--text-muted:#8c96ab;--accent:#4f8cff;--accent-soft:#4f8cff2e;--accent-glow:#4f8cff73;--shadow:0 30px 80px #03081285, 0 12px 30px #05080f59;--radius-xl:28px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}.app-shell{min-height:100vh;position:relative;overflow:clip}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:auto}.app-shell:before{filter:blur(24px);background:radial-gradient(circle,#4f8cff57,#0000 58%);border-radius:50%;width:520px;height:520px;top:-180px;right:-120px}.app-shell:after{filter:blur(40px);background:radial-gradient(circle,#1d326a42,#0000 60%);border-radius:50%;width:420px;height:420px;bottom:140px;left:-180px}.section{width:min(1160px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#06090fe0,#06090f8c);border-bottom:1px solid #ffffff0a;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.brand{color:var(--text);align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand__mark{letter-spacing:.06em;background:linear-gradient(145deg,#5c94fffa,#355fd4eb);border-radius:16px;place-items:center;width:48px;height:48px;display:inline-grid;box-shadow:0 14px 30px #2e5eda42,inset 0 1px 1px #ffffff47}.brand__label{font-size:1.08rem}.site-nav{align-items:center;gap:30px;display:flex}.site-nav__link{color:var(--text-soft);font-size:.98rem;transition:color .18s,transform .18s}.site-nav__link:hover{color:var(--text);transform:translateY(-1px)}.nav-toggle{color:var(--text);background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;width:48px;height:48px;display:none}.nav-toggle__icon{width:22px;height:22px;margin:0 auto}.hero{padding:88px 0 48px}.hero__grid{direction:ltr;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"visual content";align-items:center;gap:52px;display:grid}.hero__visual,.hero__content{direction:rtl}.hero__visual{grid-area:visual;padding-top:42px;position:relative}.hero__content{grid-area:content}.floating-chip{border:1px solid var(--border-strong);color:var(--accent);background:#101829d9;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;display:inline-flex;position:absolute;top:0;right:0;box-shadow:0 18px 40px #090d1866}.floating-chip__dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 18px var(--accent-glow);border-radius:50%}.visual-badge{background:linear-gradient(#0e234bb3,#0b1323e6);border:1px solid #4f8cff3d;border-radius:32px;place-items:center;width:122px;height:122px;animation:6s ease-in-out infinite float;display:grid;position:absolute;top:84px;right:74px;box-shadow:0 24px 60px #080f1c6b}.visual-badge__icon{width:48px;height:48px;color:var(--accent)}.code-window{max-width:460px;box-shadow:var(--shadow);background:linear-gradient(#090b13fa,#070a10f0);border:1px solid #ffffff14;border-radius:30px;margin-top:78px;margin-left:auto;position:relative;overflow:hidden}.code-window:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 18%),linear-gradient(90deg,#4f8cff0f,#0000 60%);position:absolute;inset:0}.code-window__header,.code-window__footer{z-index:1;background:#ffffff05;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex;position:relative}.code-window__header{border-bottom:1px solid #ffffff0f}.code-window__lights{gap:10px;display:flex}.code-window__lights span{border-radius:50%;width:14px;height:14px}.code-window__lights span:first-child{background:#ff5f57}.code-window__lights span:nth-child(2){background:#febc2e}.code-window__lights span:nth-child(3){background:#28c840}.code-window__filename{color:var(--text-soft);font-size:.94rem}.code-window__body{z-index:1;padding:28px 24px 22px;position:relative}.code-window__row{color:#d5def0;grid-template-columns:38px minmax(0,1fr);align-items:baseline;gap:16px;font-family:IBM Plex Mono,Cascadia Code,Consolas,monospace;font-size:.96rem;line-height:1.75;display:grid}.code-window__line{color:#8792aac7;text-align:center;-webkit-user-select:none;user-select:none}.code-token--keyword{color:#82a8ff}.code-token--name{color:#f2f6ff}.code-token--property{color:#8ce2c4}.code-token--string{color:#d5ef88}.code-token--value{color:#ff906f}.code-token--array{color:#f6d06c}.code-token--comment{color:#91a0bf}.code-window__footer{border-top:1px solid #ffffff0f;align-items:flex-start}.code-window__status{color:#43d98d;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.code-window__status-dot{background:#43d98d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #43d98d73}.code-window__logs{color:var(--text-soft);text-align:left;flex-direction:column;gap:8px;font-size:.9rem;display:flex}.hero__eyebrow{color:var(--text-soft);background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.hero__title{letter-spacing:0;color:var(--text);flex-direction:column;align-items:flex-start;gap:.06em;margin:28px 0 18px;font-size:clamp(3.9rem,11vw,6.7rem);line-height:.9;display:flex}.hero__title-main,.hero__title-accent{text-wrap:balance;display:block}.hero__title-main{line-height:.84;transform:translateY(-.08em)}.hero__title-accent{color:var(--accent);text-shadow:0 0 24px #4f8cff14;margin-top:-.05em;margin-bottom:.08em;padding-inline-start:.02em;font-size:.84em;line-height:.88}.hero__lead{max-width:640px;color:var(--text-soft);font-size:1.16rem;line-height:2}.hero__actions,.contact-panel__actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#fff;background:linear-gradient(135deg,#5d95ff,#4479ec);box-shadow:0 18px 36px #4479ec52,inset 0 1px 1px #ffffff47}.button--secondary{color:var(--text);background:#ffffff05;border-color:#ffffff1a}.button__icon{width:18px;height:18px}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.stat-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:22px;padding:18px 20px}.stat-card strong{color:var(--accent);font-size:2rem;line-height:1;display:block}.stat-card span{color:var(--text-muted);margin-top:10px;font-size:.94rem;display:block}.about,#skills,#contact{padding:34px 0 22px}.section-heading{max-width:670px;margin-bottom:30px}.section-heading__eyebrow,.surface-card__tag,.service-card__tag{color:var(--text-soft);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;display:inline-flex}.section-heading__title{color:var(--text);margin:18px 0 12px;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.18}.section-heading__text,.surface-card__text,.service-card__description{color:var(--text-soft);line-height:1.95}.about__grid,.services-grid{gap:20px;display:grid}.about__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card{margin-top:20px}.tech-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.tech-group{background:#ffffff06;border:1px solid #ffffff0f;border-radius:22px;padding:18px}.tech-group__title{color:var(--text);margin:0 0 14px;font-size:1rem}.tech-group__tags{flex-wrap:wrap;gap:12px;display:flex}.surface-card,.service-card,.contact-panel,.contact-form{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0d131ff2,#090e16f2);position:relative;overflow:hidden}.surface-card,.service-card{padding:28px}.surface-card__title{color:var(--text);margin:16px 0 14px;font-size:1.38rem}.check-list{gap:14px;margin-top:18px;display:grid}.check-list__item{color:var(--text-soft);align-items:flex-start;gap:12px;display:flex}.check-list__icon{width:18px;height:18px;color:var(--accent);flex:none;margin-top:6px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{flex-direction:column;gap:20px;display:flex}.service-card__icon-wrap{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #4f8cff24}.service-card__icon{width:30px;height:30px}.service-card__title{color:var(--text);margin:0;font-size:1.3rem}.service-card__points{color:var(--text-muted);gap:8px;margin-top:18px;display:grid}.service-card__points li:before{content:"•";color:var(--accent);margin-left:8px}.service-card__tag{width:fit-content;margin-top:auto}.tag{color:var(--text-soft);background:#ffffff0a;border-radius:999px;align-items:center;padding:9px 14px;font-size:.88rem;display:inline-flex}.contact-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;padding:30px;display:grid}.contact-list{gap:14px;margin-top:28px;display:grid}.contact-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:22px;align-items:center;gap:14px;padding:18px 20px;display:flex}.contact-item__icon{width:22px;height:22px;color:var(--accent);flex:none}.contact-item span{color:var(--text-muted);font-size:.88rem;display:block}.contact-item strong{color:var(--text);margin-top:2px;display:block}.contact-form{padding:24px}.field{color:var(--text-soft);gap:10px;margin-bottom:16px;display:grid}.field input,.field textarea{width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:16px 18px;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder,.field textarea::placeholder{color:#b7c0d280}.field input:focus,.field textarea:focus{background:#ffffff0d;border-color:#4f8cffa6;outline:none;box-shadow:0 0 0 4px #4f8cff1f}.field textarea{resize:vertical;min-height:156px}.button--submit{width:100%;margin-top:8px}.site-footer{padding:28px 0 42px}.site-footer__inner{color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;display:flex}.site-footer__inner a{color:var(--text-soft)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=1080px){.hero__grid,.contact-panel,.services-grid,.about__grid,.tech-groups{grid-template-columns:1fr}.hero__grid{grid-template-areas:"content""visual"}.hero__visual{width:100%;max-width:620px;margin-inline:auto}.code-window{margin-inline:auto}}@media (width<=840px){.section{width:min(100% - 28px,1160px)}.site-header__inner{gap:12px}.nav-toggle{place-items:center;display:inline-grid}.site-nav{box-shadow:var(--shadow);opacity:0;visibility:hidden;background:#0b0f18fa;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:stretch;padding:14px;transition:opacity .18s,visibility .18s,transform .18s;position:absolute;top:calc(100% + 10px);left:14px;right:14px;transform:translateY(-8px)}.site-nav--open{opacity:1;visibility:visible;transform:translateY(0)}.site-nav__link{border-radius:16px;padding:12px 10px}.site-nav__link:hover{background:#ffffff0a;transform:none}.hero{padding-top:42px}.hero__stats{grid-template-columns:1fr}.floating-chip{width:fit-content;margin-bottom:18px;position:static}.visual-badge{border-radius:24px;width:88px;height:88px;top:118px;right:24px}}@media (width<=620px){.site-header__inner{padding:14px 0}.brand__mark{border-radius:14px;width:42px;height:42px;font-size:.92rem}.brand__label{font-size:1rem}.hero__lead,.section-heading__text,.surface-card__text,.service-card__description{font-size:.98rem;line-height:1.9}.code-window{border-radius:24px;margin-top:36px}.code-window__header,.code-window__footer,.code-window__body,.surface-card,.service-card,.contact-panel,.contact-form{padding-left:18px;padding-right:18px}.code-window__row{grid-template-columns:30px minmax(0,1fr);gap:12px;font-size:.8rem}.contact-panel{padding-top:20px;padding-bottom:20px}.site-footer__inner{flex-direction:column;align-items:flex-start}}