html{scroll-behavior:smooth}a{color:inherit}img{max-width:100%}:root{color:#e7ecf3;background:#08111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#22d3ee3d,#0000 32%),radial-gradient(circle at 100%,#3b82f638,#0000 26%),linear-gradient(135deg,#08111f,#0b1628 55%,#121f37);min-height:100vh;margin:0;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;filter:blur(18px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite floatOrb;position:fixed;inset:auto}body:before{background:#22d3ee47;width:220px;height:220px;top:8%;left:-6%}body:after{background:#2563eb4d;width:260px;height:260px;animation-delay:-6s;bottom:10%;right:-5%}.cv-shell{z-index:1;max-width:1200px;margin:0 auto;padding:32px 20px 56px;position:relative}.hero-section{grid-template-columns:1.4fr .8fr;align-items:center;gap:24px;margin-bottom:24px;display:grid}.hero-copy,.section-card,.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;background:linear-gradient(#0a1527eb,#071020c7);border:1px solid #94a3b82e;border-radius:24px;position:relative;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff0f}.hero-copy{padding:30px;animation:.8s both riseIn}.hero-copy:after,.section-card:after,.hero-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 48%);position:absolute;inset:1px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#67e8f9;margin:0 0 10px;font-size:.78rem}.hero-copy h1{text-shadow:0 10px 26px #00000059;margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.hero-text{color:#d6e0ef;max-width:64ch;margin:0;line-height:1.7}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;display:grid}.stat-pill{background:#0a182ce0;border:1px solid #7dd3fc2e;border-radius:16px;padding:12px 14px}.stat-pill strong{color:#7dd3fc;margin-bottom:4px;font-size:1rem;display:block}.stat-pill span{color:#cfe0f5;font-size:.86rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.primary-btn,.secondary-btn,.contact-links a{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,opacity .22s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);box-shadow:0 12px 26px #2563eb59}.secondary-btn{color:#c8d7ec;background:0 0;border:1px solid #94a3b84d}.primary-btn:hover,.secondary-btn:hover,.contact-links a:hover,.service-item:hover,.skill-card:hover,blockquote:hover,.sample-grid img:hover{transform:translateY(-2px)scale(1.01)}.hero-card{padding:18px;animation:7s ease-in-out infinite cardFloat;transform:perspective(1200px)rotateY(-7deg)rotateX(5deg)}.hero-card:hover{transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-4px)}.hero-card img{border-radius:16px;width:100%;display:block;box-shadow:0 12px 24px #00000047}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-badges span{color:#7dd3fc;background:#22d3ee24;border:1px solid #7dd3fc4d;border-radius:999px;padding:6px 10px;font-size:.82rem}.section-card{transform-style:preserve-3d;margin-bottom:20px;padding:24px;transition:transform .35s,box-shadow .35s;animation:10s ease-in-out infinite sectionFloat;transform:perspective(1200px)rotateX(1.5deg)rotateY(-1deg)}.section-card:first-child{animation-delay:.2s}.section-card:nth-child(2){animation-delay:.4s}.section-card:nth-child(3){animation-delay:.6s}.section-card:nth-child(4){animation-delay:.8s}.section-card:nth-child(5){animation-delay:1s}.section-card:nth-child(6){animation-delay:1.2s}.section-card:nth-child(7){animation-delay:1.4s}.section-card:hover{transform:perspective(1200px)rotateX(0)rotateY(0)translateY(-4px);box-shadow:0 28px 60px #00000059,inset 0 1px #ffffff0f}.section-card h2{color:#f8fbff;margin-top:0;margin-bottom:14px;font-size:1.7rem}.section-card p,.section-card li,blockquote{color:#d3dfef;line-height:1.7}.services-grid,.skills-grid,.testimonials-grid,.sample-grid{gap:14px;display:grid}.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-item{background:#0c182deb;border:1px solid #94a3b81a;border-radius:14px;align-items:flex-start;gap:10px;padding:14px;transition:transform .24s,box-shadow .24s;display:flex}.service-item:hover{box-shadow:0 16px 34px #00000038}.service-dot{background:#22d3ee;border-radius:50%;flex:none;width:10px;height:10px;margin-top:9px;box-shadow:0 0 14px #22d3eee6}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill-card{background:#0c182deb;border:1px solid #94a3b81a;border-radius:14px;padding:18px;transition:transform .25s,box-shadow .25s}.skill-card:hover{box-shadow:0 18px 35px #0003}.skill-card h3{color:#7dd3fc;margin-top:0;margin-bottom:10px}.skill-card ul{margin:0;padding-left:18px}.sample-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sample-grid img{object-fit:cover;border:1px solid #94a3b82e;border-radius:14px;width:100%;height:180px;transition:transform .24s,box-shadow .24s}.sample-grid img:hover{box-shadow:0 16px 30px #0000004d}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}blockquote{background:#0c182deb;border-left:4px solid #22d3ee;border-radius:12px;margin:0;padding:16px;transition:transform .24s,box-shadow .24s}blockquote:hover{box-shadow:0 16px 34px #0003}.contact-section{text-align:center}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.contact-links a{color:#e6f1ff;background:#101d36f2;border:1px solid #94a3b833}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionFloat{0%,to{transform:perspective(1200px)rotateX(1.5deg)rotateY(-1deg)translateY(0)}50%{transform:perspective(1200px)rotateX(0)rotateY(1deg)translateY(-5px)}}@keyframes floatOrb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-16px)scale(1.08)}}@keyframes cardFloat{0%,to{transform:perspective(1200px)rotateY(-7deg)rotateX(5deg)translateY(0)}50%{transform:perspective(1200px)rotateY(-4deg)rotateX(2deg)translateY(-8px)}}@media (width<=780px){.hero-section{grid-template-columns:1fr}.hero-card{animation:none;transform:none}.cv-shell{padding:16px 12px 40px}}