*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#030713;--bg2:#061329;--card:rgba(7,18,40,.78);--border:rgba(119,151,255,.16);--text:#fff;--muted:#aeb8d6;--blue:#1687ff;--purple:#8a2cff;--orange:#ff965c}html{scroll-behavior:smooth}body{font-family:"Inter","Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 74% 12%,rgba(138,44,255,.26),transparent 27%),radial-gradient(circle at 28% 32%,rgba(0,150,255,.15),transparent 24%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 44%,var(--bg) 100%);color:var(--text);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(rgba(22,135,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(138,44,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 34%,black,transparent 76%);z-index:-1}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.gradient-text{background:linear-gradient(90deg,#fff,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:15px 28px;font-size:15px;font-weight:800;transition:.3s;cursor:pointer;border:0}.btn-primary{background:linear-gradient(135deg,#1677ff,#8f2cff);color:#fff;box-shadow:0 0 28px rgba(79,98,255,.45)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 45px rgba(111,70,255,.75)}.btn-outline{border:1px solid rgba(150,110,255,.55);color:#fff;background:rgba(255,255,255,.02)}.btn-outline:hover{background:rgba(115,78,255,.16);transform:translateY(-3px)}header{padding-top:20px;position:relative;z-index:50}.navbar{min-height:72px;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.brand img{width:100px;max-height:123px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{font-size:14px;color:#d9e2ff;font-weight:700;position:relative}.nav-links a:after{content:"";width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--purple));position:absolute;left:0;bottom:-16px;border-radius:20px;transition:.3s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu-btn{display:none;font-size:26px;cursor:pointer}.hero{padding:76px 0 52px;min-height:620px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#8db5ff;font-size:13px;font-weight:900;letter-spacing:6px;text-transform:uppercase;margin-bottom:24px}.eyebrow span{width:9px;height:9px;background:#00aaff;border-radius:50%;box-shadow:0 0 18px #00aaff}.hero h1,.page-hero h1{font-size:clamp(44px,7vw,78px);line-height:1.05;letter-spacing:-2px;margin-bottom:18px}.hero h2{color:#d6ddf4;font-size:clamp(19px,2vw,26px);font-weight:600;margin-bottom:20px}.hero p,.page-hero p{max-width:760px;color:var(--muted);line-height:1.8;font-size:17px;margin-bottom:34px}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:48px}.scroll-note{display:flex;align-items:center;gap:14px;color:#9faad0;font-size:12px;letter-spacing:3px;text-transform:uppercase}.mouse{width:25px;height:42px;border:2px solid #b4bed8;border-radius:30px;position:relative}.mouse:before{content:"";width:5px;height:8px;background:#fff;border-radius:50px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollDot 1.5s infinite}@keyframes scrollDot{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,14px)}}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.big-logo-bg{position:absolute;width:690px;max-width:100%;opacity:.42;filter:drop-shadow(0 0 55px rgba(43,120,255,.65));z-index:1}.neon-ring{position:absolute;width:600px;height:190px;border:3px solid rgba(38,149,255,.75);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 25px rgba(0,132,255,.9),inset 0 0 35px rgba(139,35,255,.4);z-index:2}.neon-ring:after{content:"";position:absolute;inset:14px;border:3px solid rgba(147,42,255,.75);border-radius:50%;filter:blur(1px)}.profile-img{position:relative;z-index:4;width:min(455px,90%);object-fit:contain;filter:drop-shadow(0 30px 55px rgba(0,0,0,.6));animation:floatImg 4s ease-in-out infinite}@keyframes floatImg{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.code-card{position:absolute;right:70px;bottom:58px;z-index:6;width:330px;padding:24px;border-radius:13px;background:rgba(4,12,26,.88);border:1px solid rgba(112,148,255,.24);box-shadow:0 30px 60px rgba(0,0,0,.45);color:#aeb9d9;font-family:Consolas,monospace;font-size:14px;line-height:1.7}.code-dots{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.code-dots span{width:8px;height:8px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#28c840}.code-card b{color:var(--orange)}.page-hero{padding:76px 0 40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 20px;margin-bottom:18px}.stat{display:flex;justify-content:center;align-items:center;gap:22px;min-height:78px;border-right:1px solid rgba(255,255,255,.09)}.stat:last-child{border-right:0}.stat i{font-size:34px;background:linear-gradient(135deg,#008cff,#8e2cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(71,99,255,.8))}.stat h3{font-size:34px;margin-bottom:4px}.stat p{color:#a6b1cf;font-size:14px}.section-title small{display:block;color:#477dff;font-weight:900;letter-spacing:5px;font-size:12px;margin-bottom:14px;text-transform:uppercase}.section-title h2{font-size:clamp(28px,3vw,38px);line-height:1.25}.content-section,.what-i-do,.projects{padding:40px 0 22px}.work-grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:20px}.service-card,.info-card,.timeline-card{padding:32px 26px;min-height:210px;transition:.3s}.service-card:hover,.info-card:hover,.timeline-card:hover,.project-card:hover{transform:translateY(-8px);border-color:rgba(113,78,255,.55);box-shadow:0 25px 70px rgba(72,73,255,.18)}.service-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#127cff,#8c2cff);margin-bottom:26px;box-shadow:0 0 28px rgba(99,88,255,.5);font-size:22px}.service-card h3,.info-card h3,.timeline-card h3{margin-bottom:12px;font-size:18px}.service-card p,.info-card p,.timeline-card p{color:#a7b2d0;font-size:14px;line-height:1.7;margin-bottom:20px}.service-card a{color:#7fa5ff;font-size:14px;font-weight:800}.section-heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{overflow:hidden;border-radius:14px;background:rgba(7,18,38,.82);border:1px solid rgba(120,150,255,.14);transition:.3s}.project-image{height:190px;background-size:cover;background-position:center;position:relative}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,8,20,.92))}.p1{background-image:linear-gradient(135deg,rgba(89,35,255,.5),rgba(0,0,0,.2)),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=80')}.p2{background-image:linear-gradient(135deg,rgba(255,255,255,.35),rgba(0,0,0,.1)),url('https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=900&q=80')}.p3{background-image:linear-gradient(135deg,rgba(74,35,255,.35),rgba(0,0,0,.1)),url('https://images.unsplash.com/photo-1639322537228-f710d846310a?auto=format&fit=crop&w=900&q=80')}.p4{background-image:linear-gradient(135deg,rgba(0,140,255,.35),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?auto=format&fit=crop&w=900&q=80')}.p5{background-image:linear-gradient(135deg,rgba(138,44,255,.38),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80')}.p6{background-image:linear-gradient(135deg,rgba(22,135,255,.36),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=900&q=80')}.project-content{padding:22px;position:relative}.project-content h3{font-size:19px;margin-bottom:8px}.project-content p{color:#a8b2cd;line-height:1.6;font-size:14px;max-width:82%}.project-arrow{position:absolute;right:20px;bottom:22px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:.3s}.project-card:hover .project-arrow{background:linear-gradient(135deg,#1677ff,#8f2cff)}.skills{padding:28px 34px;margin:10px 0 18px}.skills-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.skill{display:flex;align-items:center;gap:8px;color:#dbe4ff;font-size:14px;font-weight:700;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px}.skill i{font-size:22px}.html{color:#ff5a2a}.css{color:#2aa8ff}.js{color:#ffd43b}.figma{color:#f24e1e}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-photo{min-height:460px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.about-photo img{height:576px;object-fit:contain}.list{display:grid;gap:14px;margin-top:20px}.list div{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#cbd5f2;background:rgba(255,255,255,.02)}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.timeline-card small{display:block;color:#7fa5ff;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(120,150,255,.18);border-radius:10px;color:white;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#7f64ff}.cta{padding:34px 46px;display:flex;align-items:center;justify-content:space-between;margin:28px 0 22px;background:linear-gradient(135deg,rgba(15,39,89,.85),rgba(59,25,132,.72))}.cta-left{display:flex;align-items:center;gap:30px}.cta-icon{width:86px;height:86px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#1677ff,#8f2cff);font-size:34px;box-shadow:0 0 36px rgba(91,91,255,.5)}.cta h2{font-size:clamp(26px,3vw,38px);margin-bottom:8px}.cta p{color:#c2cbe3;line-height:1.6}footer{padding:36px 0 28px}.footer-grid{padding:34px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-logo img{width:100px;margin-bottom:12px}.footer-logo p,.footer-col p,.footer-col a{color:#aab5d0;font-size:14px;line-height:1.8}.footer-col h4{margin-bottom:15px;font-size:17px}.footer-links{display:grid;gap:9px}.socials{display:flex;gap:16px;margin-top:8px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:.3s}.socials a:hover{background:linear-gradient(135deg,#1677ff,#8f2cff);transform:translateY(-3px)}.copyright{text-align:center;color:#7c879f;font-size:13px;padding-top:24px}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-buttons,.scroll-note{justify-content:center}.hero-visual{min-height:540px}.code-card{right:50%;transform:translateX(50%)}.work-grid{grid-template-columns:repeat(2,1fr)}.work-grid .section-title{grid-column:1/-1}.project-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:850px){.navbar{padding:0 22px}.menu-btn{display:block}.nav-links{position:fixed;top:95px;right:-100%;width:80%;max-width:360px;height:calc(100vh - 110px);background:rgba(5,14,30,.98);border:1px solid rgba(120,150,255,.18);border-radius:18px;flex-direction:column;justify-content:start;align-items:start;padding:38px;transition:.4s;z-index:100}.nav-links.show{right:4%}.nav-action{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid rgba(255,255,255,.08)}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.timeline{grid-template-columns:1fr}.cta{flex-direction:column;gap:26px;text-align:center}.cta-left{flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header{padding-top:12px}.navbar{min-height:66px}.brand img{width:80px}.hero{padding-top:52px}.hero h1,.page-hero h1{font-size:44px}.hero h2{font-size:19px}.hero p,.page-hero p{font-size:15px}.hero-visual{min-height:440px}.profile-img{width:92%}.big-logo-bg{width:480px}.neon-ring{width:390px;height:130px}.code-card{width:285px;bottom:20px;font-size:12px;padding:18px}.stats{grid-template-columns:1fr}.stat{border-right:0}.stat:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08)}.work-grid,.project-grid{grid-template-columns:1fr}.section-heading-row{flex-direction:column;align-items:start;gap:16px}.skills{padding:26px 22px}.cta{padding:30px 22px}.footer-grid{grid-template-columns:1fr}}