body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,211,238,.15),transparent 28%),radial-gradient(circle at bottom right,rgba(59,130,246,.14),transparent 24%),linear-gradient(180deg,#020617,#07101e);color:#e2e8f0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 30px #38bdf82e,0 0 60px #3b82f624}50%{box-shadow:0 0 40px #38bdf840,0 0 80px #3b82f62e}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.glass-card{background:#0f172ad1;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 24px 90px #0f172a59}.glass-card.small-panel{padding:1.5rem;border:1px solid rgba(56,189,248,.18);background:#0f172ae6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a18d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:50}.modal-content{width:min(100%,720px);border:1px solid rgba(56,189,248,.18);box-shadow:0 30px 90px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-close{border:none;background:#ffffff14;color:#fff;width:2.5rem;height:2.5rem;border-radius:9999px;cursor:pointer;transition:background .25s ease}.modal-close:hover{background:#38bdf82e}.carousel-container button{border:none}.carousel-container button:hover{transform:translateY(-1px)}.animate-pulse-slow{animation:pulseSlow 2.5s ease-in-out infinite}.typing-container{overflow:hidden;white-space:nowrap}.typing-effect{display:inline-block;animation:fadeIn .4s ease-in-out}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0e225540,0 12px 25px #38bdf81f}.fade-in{animation:fadeIn .5s ease-out}@keyframes skillCardIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ringDraw{0%{stroke-dashoffset:var(--ring-circumference)}}@media (min-width: 1024px){.portfolio-sidebar{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.skill-card{animation:skillCardIn .5s ease-out both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skill-card:hover{border-color:#22d3ee59;box-shadow:0 12px 40px #22d3ee26}.skill-icon-badge{line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.skill-ring-progress{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.section-title-gradient{background:linear-gradient(135deg,#fff,#67e8f9,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-glow-text{background:linear-gradient(90deg,#22d3ee,#818cf8,#38bdf8,#22d3ee);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 6s linear infinite}.stat-pill{background:linear-gradient(135deg,#22d3ee1f,#3b82f614);border:1px solid rgba(34,211,238,.2)}.highlight-skill-card{background:linear-gradient(145deg,#22d3ee14,#0f172ae6);transition:transform .35s ease,box-shadow .35s ease}.highlight-skill-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #22d3ee33}.tech-tag{transition:all .25s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22d3ee1f}
