@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#000;color:#fff}:root{--bg-color: #000000;--bg-gradient: linear-gradient(135deg, #000000 0%, #15002b 50%, #000000 100%);--accent-color: #7f04d6;--accent-soft: rgba(127, 4, 214, .22);--text-main: #ffffff;--text-muted: #cccccc;--card-bg: rgba(17, 17, 17, .7);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.background-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#7f04d638,#7f04d600 72%);filter:blur(14px);pointer-events:none;z-index:-1;animation:floatGlow 10s ease-in-out infinite}.background-glow-top{top:-120px;right:-120px}.background-glow-bottom{left:-140px;bottom:40px;animation-delay:-4s}.main-content{max-width:1000px;margin:0 auto;padding:40px 20px;flex:1;width:100%}.reveal{opacity:0;will-change:transform,opacity,filter;transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo),filter .9s var(--ease-out-expo);filter:blur(12px)}.reveal-up{transform:translateY(50px)}.reveal-left{transform:translate(-60px)}.reveal-right{transform:translate(60px)}.reveal-scale{transform:translateY(35px) scale(.92)}.reveal.visible{opacity:1;transform:translate(0) scale(1);filter:blur(0)}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:100px;margin-bottom:120px}.hero-text{flex:1}.hero-text h1{font-size:clamp(2.15rem,5.2vw,3rem);margin-bottom:20px;min-height:3.1rem;line-height:1.08}.highlight{color:var(--accent-color);text-shadow:0 0 22px rgba(127,4,214,.35)}.cursor{display:inline-block;width:4px;background-color:var(--accent-color);margin-left:4px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bio{font-size:1.1rem;line-height:1.7;color:var(--text-muted);margin-bottom:30px;max-width:62ch}.contact-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#7f04d6,#a249ff);color:#fff;border:none;padding:14px 28px;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),opacity .35s;box-shadow:0 14px 30px #7f04d647}.contact-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translate(-130%);transition:transform .8s ease}.contact-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 38px #7f04d661}.contact-btn:hover:before{transform:translate(130%)}.hero-image{flex-shrink:0}.avatar{width:260px;height:260px;object-fit:cover;border-radius:50%;border:4px solid var(--accent-color);box-shadow:0 0 20px #7f04d680,0 0 65px #7f04d629;animation:avatarFloat 6s ease-in-out infinite}.tech-section{display:flex;justify-content:center;margin-bottom:120px}.tech-circle{position:relative;width:350px;height:350px;display:flex;justify-content:center;align-items:center}.tech-circle:before,.tech-circle:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(127,4,214,.14)}.tech-circle:before{inset:16px}.tech-circle:after{inset:82px}.tech-center-title{font-size:2rem;font-weight:700;color:var(--text-main);text-align:center;margin:0;z-index:10;text-shadow:0 0 10px rgba(0,0,0,.8);animation:pulseTitle 3.5s ease-in-out infinite}.orbit-item{position:absolute;inset:0;margin:auto;width:78px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);background:#120328a6;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #0000003d;animation:orbit 25s linear infinite;animation-delay:calc(-25s / 8 * var(--index));transition:color .35s,border-color .35s,box-shadow .35s,transform .35s}.orbit-item svg{font-size:2.5rem;margin-bottom:5px}.orbit-item span{font-size:.85rem;font-weight:700}@keyframes orbit{0%{transform:rotate(0) translate(160px) rotate(0)}to{transform:rotate(360deg) translate(160px) rotate(-360deg)}}.projects-section{margin-bottom:40px}.section-heading-wrap{display:inline-block;margin-bottom:30px}.section-title{font-size:2rem;border-bottom:2px solid var(--accent-color);display:inline-block;padding-bottom:8px;margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:stretch}.project-card-reveal{height:100%}.project-card{background:linear-gradient(180deg,#181818c7,#0e0e0ec2);padding:24px;border-radius:18px;border:1px solid rgba(127,4,214,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),background .35s var(--ease-out-expo);height:100%}.project-card-link{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;text-decoration:none;color:inherit;cursor:pointer}.project-card-content{display:flex;flex-direction:column}.project-card:hover,.project-card-link:focus-visible{transform:translateY(-10px);border-color:#7f04d6b3;box-shadow:0 20px 40px #7f04d629;background:linear-gradient(180deg,#1e122aeb,#101010e0)}.project-card-link:focus-visible{outline:2px solid rgba(184,127,240,.9);outline-offset:4px}.project-card h3{margin-top:0;color:var(--text-main)}.project-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}.tech-tag{background-color:#7f04d629;color:#c794ff;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid rgba(127,4,214,.2);transition:transform .3s ease,background-color .3s ease}.project-card:hover .tech-tag,.project-card-link:focus-visible .tech-tag{transform:translateY(-2px);background-color:#7f04d63d}.footer-reveal{width:100%}.footer{background-color:#000000eb;text-align:center;padding:40px 20px;margin-top:80px;border-top:1px solid rgba(149,5,252,.73);width:100%}.social-links{display:flex;justify-content:center;gap:25px;margin-bottom:20px;font-size:2rem}.social-links a{color:var(--text-muted);transition:color .3s ease,transform .3s ease,filter .3s ease;display:flex}.social-links a:hover{color:var(--accent-color);transform:translateY(-6px) scale(1.08);filter:drop-shadow(0 0 12px rgba(127,4,214,.45))}.footer p{color:var(--text-muted);font-size:.9rem;margin:0}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseTitle{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(0,0,0,.8)}50%{transform:scale(1.03);text-shadow:0 0 24px rgba(127,4,214,.22)}}@keyframes floatGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.04)}}@media(max-width:768px){.main-content{padding:24px 16px}.hero-section{flex-direction:column-reverse;text-align:center;margin-top:40px;margin-bottom:90px}.hero-text h1{min-height:auto}.bio{margin-left:auto;margin-right:auto}.avatar{width:210px;height:210px}.tech-circle{width:260px;height:260px;margin:40px 0}.orbit-item{width:66px;height:66px;border-radius:18px}.orbit-item svg{font-size:2rem}.orbit-item span{font-size:.72rem}@keyframes orbit{0%{transform:rotate(0) translate(118px) rotate(0)}to{transform:rotate(360deg) translate(118px) rotate(-360deg)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none;filter:none}}