:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;background:#020817;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{text-align:right;direction:rtl;background:radial-gradient(circle at top,#2563eb33,#0000 30%),#020817;min-width:320px;min-height:100vh;margin:0}img{max-width:100%;display:block}#root{min-height:100vh}a{color:inherit}h1,h2,h3,p{margin-top:0}:root{--bg:#050816;--bg-soft:#0d1527;--panel:#0e141fc2;--panel-strong:#0f172aeb;--line:#94a3b82e;--text:#edf3ff;--text-soft:#c9d7ef;--gold:#f5c87d;--gold-strong:#dca85d;--accent:#79e0ff;--shadow:#080c188f;--panel-alt:#0a0f19c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#050816;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.portfolio-shell{text-align:right;direction:rtl;background:linear-gradient(#03050cfa,#070c13 32%,#080c15),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 120px);width:100%;margin:0;padding:0 0 88px;position:relative;overflow:hidden}.portfolio-shell:before,.portfolio-shell:after{content:"";filter:blur(120px);z-index:0;pointer-events:none;opacity:.32;border-radius:50%;width:540px;height:540px;animation:16s ease-in-out infinite alternate floatGlow;position:fixed}.portfolio-shell:before{background:#79e0ff47;top:60px;right:-120px}.portfolio-shell:after{background:#f5c87d38;animation-duration:18s;bottom:-100px;left:-120px}main{z-index:1;position:relative}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f18c2;border:1px solid #ffffff14;border-radius:18px 18px 24px;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:18px auto 0;padding:18px 26px;animation:.8s both fadeInDown;display:flex;position:sticky;top:18px;box-shadow:0 24px 60px #02061733}.brand{color:#f8fafc;letter-spacing:.28rem;font-size:.8rem;font-weight:800;position:relative}.brand:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:42px;height:2px;margin-top:6px;display:block}.nav{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.nav a{color:var(--text-soft);border:1px solid #0000;border-radius:999px;padding:9px 14px;font-size:.88rem;text-decoration:none;transition:all .2s}.nav a:hover{color:#fff;background:linear-gradient(135deg,#ffffff0f,#f5c87d14);border-color:#f5c87d33}.section{z-index:1;max-width:1200px;margin:0 auto;padding:76px 20px 0;position:relative}.section+.section{border-top:1px solid #94a3b814}.hero{grid-template-columns:1.3fr .9fr;align-items:center;gap:36px;min-height:620px;padding-top:52px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.18rem;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:700;display:inline-block}.hero-copy h1{color:#f9fafb;letter-spacing:-.06em;text-shadow:0 18px 40px #02061759;max-width:680px;margin:0;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.96}.lead{max-width:680px;color:var(--text-soft);margin-top:22px;font-size:1.08rem;line-height:1.9}.cta-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;margin-top:28px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.primary-btn{color:#101827;background:linear-gradient(135deg,#f9d59b,#dca85d 55%,#b97834);box-shadow:0 18px 42px #dca85d59}.secondary-btn{color:#edf2ff;background:#0f172a85;border:1px solid #94a3b833}.primary-btn:hover,.secondary-btn:hover,.project-links a:hover,.submit-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 16px 35px #0f172a40}.mini-stats{grid-template-columns:repeat(3,minmax(120px,1fr));gap:16px;margin:34px 0 0;padding:0;list-style:none;display:grid}.mini-stats li{background:linear-gradient(#111827d9,#0f172a99);border:1px solid #94a3b81f;border-radius:20px 20px 18px 22px;flex-direction:column;gap:6px;padding:18px 14px;transition:transform .25s,border-color .25s;display:flex;box-shadow:inset 0 1px #ffffff0d}.mini-stats li:hover{border-color:#f5c87d47;transform:translateY(-3px)}.mini-stats strong{color:#fff;font-size:1.9rem;line-height:1}.mini-stats span{color:#d2dcef;font-size:.8rem}.hero-card{background:linear-gradient(#0b101df5,#121b27db);border:1px solid #94a3b829;border-radius:32px 32px 22px;flex-direction:column;justify-content:center;min-height:430px;padding:28px 24px;animation:6s ease-in-out infinite alternate floatCard;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #0206176b}.hero-card:hover{transform:translateY(-4px)scale(1.01)}.hero{position:relative}.hero:before{content:"";border:1px solid #f5c87d29;border-radius:30% 70% 60% 40%/48% 38% 62% 52%;width:220px;height:220px;position:absolute;inset:18% 8% auto auto;transform:rotate(16deg)}.hero-copy{padding-left:8px;position:relative}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5c87d59,#0000 68%);width:220px;height:220px;position:absolute;top:-42px;right:-40px}.hero-card:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:22px;position:absolute;inset:14px}.status-pill{color:#a7f3d0;background:#22c55e14;border:1px solid #22c55e42;border-radius:999px;align-items:center;margin-bottom:16px;padding:7px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.hero-card h3{color:#f8fafc;margin:0 0 18px;font-size:1.5rem}.info-list{flex-direction:column;gap:8px;display:flex}.info-list div{border-top:1px solid #94a3b81f;flex-direction:column;gap:6px;padding:15px 0;display:flex}.info-list span{color:#9fb2ca;font-size:.75rem}.info-list strong{color:#f8fafc}.section-heading{margin-bottom:30px}.section-heading h2{color:#f8fafc;margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.2}.about-grid,.cv-box,.contact-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.about-grid p,.cv-box p,.contact-box p{color:#d2dcef;margin:0;line-height:1.9}.card-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.info-card,.project-card,.contact-form,.cv-box,.contact-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f172ab8,#0f172a94);border:1px solid #94a3b81f;border-radius:28px 28px 18px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 18px 45px #03071224}.info-card,.project-card{position:relative;overflow:hidden}.info-card:before,.project-card:before{content:"";background:linear-gradient(#f5c87de6,#0000);width:3px;position:absolute;inset:0 auto 0 0}.info-card:hover,.project-card:hover,.contact-form:hover{border-color:#f0c07852;transform:translateY(-4px);box-shadow:0 24px 55px #f0c07814}.info-card{align-items:flex-start;gap:14px;display:flex}.card-dot,.project-dot{background:linear-gradient(135deg,#f5d89e,#d89d4b);border-radius:50%;width:10px;height:10px;margin-top:8px;display:inline-block;box-shadow:0 0 18px #f0c07885}.info-card h3{color:#f8fafc;margin:0 0 10px;font-size:1.15rem}.info-card p{color:#dfeafc;margin:0;line-height:1.8}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:100%;height:4px;position:absolute;inset:0 auto auto 0}.project-card{flex-direction:column;min-height:100%;display:flex}.project-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.project-type{color:var(--gold);letter-spacing:.08rem;text-transform:uppercase;font-size:.72rem;font-weight:700}.project-card h3{color:#f8fafc;margin:0 0 10px;font-size:1.35rem}.project-card p{color:#d8e4f6;margin:0 0 18px;line-height:1.8}.tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tags span,.skill-pill{color:#f6ebd2;background:#f0c07814;border:1px solid #f0c07833;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;display:inline-flex}.project-links{justify-content:flex-start;display:flex}.project-links a{color:#edf2ff;background:#ffffff05;border:1px solid #94a3b826;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;text-decoration:none;transition:all .2s;display:inline-flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{align-items:center;min-height:220px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-list{flex-wrap:wrap;gap:12px;display:flex}.timeline{flex-direction:column;gap:18px;display:flex}.timeline-item{border-bottom:1px solid #94a3b81f;grid-template-columns:180px 1fr;gap:26px;padding:24px 0;display:grid}.time{color:var(--gold);font-weight:700}.timeline-content h3{color:#f8fafc;margin:0 0 8px;font-size:1.35rem}.place{color:#ecf1ff;margin-bottom:12px!important}.timeline-content p{color:#d3ddf2;margin:0;line-height:1.8}.cv-box{grid-template-columns:1.5fr .7fr;align-items:center}.cv-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.contact-box{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.contact-box strong{color:#f8fafc}.contact-form{border-radius:30px 30px 18px;margin-top:0}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.contact-form input,.contact-form textarea{color:#e2e8f0;width:100%;font:inherit;background:#02061761;border:1px solid #94a3b82e;border-radius:18px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff05}.contact-form input:focus,.contact-form textarea:focus{border-color:#f0c078d1;box-shadow:0 0 0 3px #f0c0781f}.contact-form textarea{resize:vertical;min-height:140px}.submit-btn{cursor:pointer;border:0;border-radius:16px 16px 12px;margin-top:10px}.toast{margin-top:18px;font-weight:700}.toast.success{color:#86efac}.toast.error{color:#fca5a5}.state-text{color:#d9e5ff}@keyframes floatGlow{0%{transform:translateY(0)scale(1)}to{transform:translateY(-22px)scale(1.08)}}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero,.about-grid,.cv-box,.contact-box,.card-grid,.project-grid,.field-row{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:12px}.topbar{flex-direction:column;align-items:flex-start}}@media (width<=640px){.section{padding:56px 16px 0}.topbar{margin:12px 12px 0;padding:14px 16px}.mini-stats{grid-template-columns:1fr}.hero{min-height:auto}.hero-card,.info-card,.project-card,.cv-box,.contact-box,.contact-form{border-radius:18px}}