:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:#f8fafc;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:#f6f5ff;background-image:radial-gradient(circle at 8% 4%,#a78bfa 0%,#a78bfa00 28%),radial-gradient(circle at 92% 12%,#22d3ee 0%,#22d3ee00 28%),radial-gradient(circle at 50% 100%,#c4b5fd 0%,#c4b5fd00 30%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:120% 120%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;margin:0;animation:16s ease-in-out infinite alternate ambientShift}a{color:#1e40af;text-decoration:none}a:hover{text-decoration:underline}#app{width:min(100%,980px);margin:0 auto;padding:2rem 1.25rem 4rem}.site{flex-direction:column;gap:1.5rem;display:flex}.hero{background:linear-gradient(135deg,#0f172a 0%,#312e81 55%,#0f172a 100%);border:1px solid #818cf880;border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);align-items:start;gap:1rem;padding:2rem;animation:.7s ease-out both fadeUp;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 50px -30px #312e81e6}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 90% 10%,#38bdf859 0%,#38bdf800 35%);animation:6s ease-in-out infinite pulseGlow;position:absolute;inset:0}.hero-content{flex-direction:column;display:flex}.hero-contact{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061740;border:1px solid #bfdbfe40;border-radius:14px;padding:.85rem;animation:.85s ease-out both fadeUp}.hero-contact h2{letter-spacing:.08em;color:#c7d2fe;margin:0 0 .6rem;font-size:.86rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c7d2fe;margin:0;font-size:.9rem;font-weight:700}h1{color:#fff;text-shadow:0 8px 24px #0f172a73;margin:.2rem 0 0;font-size:clamp(2.2rem,4vw,3rem);line-height:1.1}.intro{color:#dbeafe;max-width:65ch;margin:.9rem 0 1.2rem;font-size:1.02rem}.contact-grid{grid-template-columns:1fr;gap:.55rem;display:grid}.contact-grid a{color:#e2e8f0;background:#0f172a59;border:1px solid #bfdbfe59;border-radius:10px;padding:.45rem .6rem;font-size:.92rem;transition:transform .22s,border-color .22s,background-color .22s,box-shadow .22s}.contact-grid a:hover{background:#1e293ba6;border-color:#7dd3fce6;text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 18px -14px #38bdf8e6}.section{flex-direction:column;gap:.95rem;display:flex}.main-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:1.1rem;animation:.9s ease-out both fadeUp;display:grid}.left-column,.right-column{flex-direction:column;gap:1.1rem;display:flex}h2{text-transform:uppercase;letter-spacing:.08em;color:#312e81;margin:0;font-size:1.2rem}.card,.skill-card{background:linear-gradient(145deg,#fffffff2,#eef2fff2);border:1px solid #818cf840;border-radius:16px;padding:1.2rem 1.3rem;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 24px 40px -34px #312e81d9}.card:hover,.skill-card:hover{border-color:#4f46e58c;transform:translateY(-5px)scale(1.01);box-shadow:0 32px 46px -32px #4f46e5b3}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}h3{color:#0f172a;margin:0;font-size:1.1rem}.card-heading p,.skill-card p{color:#475569;margin:0}.skill-card{flex-direction:column;gap:.7rem;display:flex}.tag-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{color:#312e81;background:#4f46e514;border:1px solid #4f46e540;border-radius:999px;padding:.26rem .58rem;font-size:.82rem;font-weight:600}ul{gap:.45rem;margin:.8rem 0 0;padding-left:1.2rem;display:grid}li{color:#1e293b;line-height:1.45}.skills-grid{grid-template-columns:1fr;gap:.8rem;display:grid}@media (width<=640px){#app{padding-top:1.25rem}.hero{border-radius:16px;padding:1.4rem}@media (width<=900px){.hero{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:.9}}@keyframes ambientShift{0%{background-position:0 30%}to{background-position:100% 70%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}}@media (width<=940px){.main-layout{grid-template-columns:1fr}}