html{scroll-behavior:smooth}body,html{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:linear-gradient(180deg,#0a0c12,#0c1220 10%,#0e1a2f 30%,#0f203a 55%,#0d1833 75%,#091021),url(/images/bg.jpg) center top / cover no-repeat fixed;background-attachment:fixed;background-blend-mode:overlay;color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,170,255,.12),transparent 55%),radial-gradient(circle at 80% 80%,rgba(0,100,255,.1),transparent 50%);animation:moveOverlay 30s linear infinite alternate;pointer-events:none;z-index:0}@keyframes moveOverlay{0%{background-position:0% 0%,100% 100%}to{background-position:100% 50%,0% 50%}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:5rem;padding-bottom:3rem;background:transparent;z-index:2}.three-bg{position:absolute;inset:0;z-index:0}.hero-section .container{position:relative;z-index:1}.content-spacing{padding:2rem}img.img-fluid.profile-pic{border-radius:50%;width:200px;height:200px;object-fit:cover;border:5px solid white;box-shadow:0 4px 8px #0000004d}.section-surface{position:relative;width:100%;background:#0a0f19d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 60px #0006;overflow:hidden;z-index:2}section:before,section:after{content:"";position:absolute;left:0;width:100%;height:120px;pointer-events:none;z-index:1}section:before{top:0;background:linear-gradient(to bottom,rgba(10,12,18,1),transparent)}section:after{bottom:0;background:linear-gradient(to top,rgba(10,12,18,1),transparent)}.project-card{background:#23242ae6;border-radius:14px;padding:20px;margin-bottom:20px;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 8px #00000040;border:1px solid rgba(255,255,255,.05)}.project-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0006;border-color:#0d6efd66}.project-img{border-radius:10px;width:100%;height:auto;margin-bottom:15px;border:1px solid rgba(255,255,255,.08);transition:transform .35s ease,filter .35s ease}.project-card:hover .project-img{transform:scale(1.04);filter:brightness(1.1) saturate(1.1)}.skill-badge{background:#191a20cc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 10px;display:grid;place-items:center;gap:.3rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 6px 18px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-icon{width:70px;height:70px;object-fit:contain;transition:transform .35s ease,filter .35s ease}.skill-label{font-size:.9rem;color:#ddd;opacity:.9}.skill-badge:hover{transform:translateY(-6px);border-color:#0d6efd80;box-shadow:0 10px 25px #0d6efd40}.skill-badge:hover .skill-icon{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(13,110,253,.35))}.section-heading{position:relative;padding-bottom:15px;margin-bottom:30px}.section-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#0d6efd}.social-icon{width:40px;height:40px;margin:0 10px;transition:transform .3s ease}.social-icon:hover{transform:scale(1.2)}#works .row.g-4{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#works .row.g-4>div{flex:1 1 calc(33.333% - 2rem);max-width:calc(33.333% - 2rem)}@media(max-width:992px){#works .row.g-4>div{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media(max-width:576px){#works .row.g-4>div{flex:1 1 100%;max-width:100%}}.reveal{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .8s cubic-bezier(.2,.8,.4,1),transform .8s cubic-bezier(.2,.8,.4,1);will-change:opacity,transform}.reveal.revealed{opacity:1;transform:translateY(0) scale(1)}@media(max-width:768px){.profile-pic{width:150px;height:150px;margin-bottom:20px}.content-spacing{padding:1.5rem}h1{font-size:1.8rem!important}.project-card{margin-bottom:30px}}@media(max-width:576px){.profile-pic{width:120px;height:120px}.social-icon{width:35px;height:35px}.content-spacing{padding:1rem}}.text-panel{max-width:680px;padding:28px 32px;background:#050a14b8;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.text-panel h1{color:#fff;letter-spacing:1px}.text-panel h2{color:#7dd3fc}.text-panel p{color:#ffffffe0;line-height:1.75;font-size:16px}