@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root,[data-theme=dark]{--bg-main:#07090e;--bg-card:#0f172aa6;--bg-card-hover:#1e293bcc;--bg-glass:#0f172a73;--border-color:#ffffff14;--border-glow:#00f2fe4d;--primary-cyan:#00f2fe;--primary-blue:#4facfe;--accent-purple:#9d4edd;--accent-pink:#f72585;--accent-emerald:#00f5a0;--accent-gold:#ffb703;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--node-bg:#07090e;--input-bg:#090d16b3;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-neon:0 0 25px #00f2fe26;--shadow-purple:0 0 25px #9d4edd26;--shadow-card:0 10px 30px -10px #00000080;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-glass:#ffffffbf;--border-color:#0f172a1f;--border-glow:#0284c759;--primary-cyan:#0284c7;--primary-blue:#2563eb;--accent-purple:#7c3aed;--accent-pink:#db2777;--accent-emerald:#059669;--accent-gold:#d97706;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--node-bg:#fff;--input-bg:#f1f5f9e6;--shadow-neon:0 10px 25px #0284c71f;--shadow-purple:0 10px 25px #7c3aed1f;--shadow-card:0 10px 30px -10px #0f172a14}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090d16}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition)}.glass-panel:hover{box-shadow:var(--shadow-neon);border-color:#00f2fe40}.gradient-text{background:linear-gradient(135deg, var(--primary-cyan) 0%, var(--primary-blue) 50%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg, var(--accent-emerald) 0%, var(--primary-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-gold{background:linear-gradient(135deg, var(--accent-gold) 0%, #f77f00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section{padding:6rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-tag{border-radius:var(--radius-full);color:var(--primary-cyan);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;background:#00f2fe14;border:1px solid #00f2fe33;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.section-title{font-family:var(--font-heading);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-cyan) 0%, var(--primary-blue) 100%);color:#040810;box-shadow:0 4px 20px #00f2fe4d}.btn-primary:hover{background:linear-gradient(135deg, #00f5a0 0%, var(--primary-cyan) 100%);transform:translateY(-3px);box-shadow:0 8px 30px #00f2fe80}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#ffffff1a;transform:translateY(-3px)}.btn-purple{background:linear-gradient(135deg, var(--accent-purple) 0%, #7209b7 100%);color:#fff;box-shadow:0 4px 20px #9d4edd4d}.btn-purple:hover{transform:translateY(-3px);box-shadow:0 8px 30px #9d4edd80}.badge{border-radius:var(--radius-full);font-size:.78rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:.35rem;padding:.3rem .75rem;display:inline-flex}.badge-cyan{color:var(--primary-cyan);background:#00f2fe1f;border:1px solid #00f2fe40}.badge-purple{color:var(--accent-purple);background:#9d4edd1f;border:1px solid #9d4edd40}.badge-emerald{color:var(--accent-emerald);background:#00f5a01f;border:1px solid #00f5a040}.badge-gold{color:var(--accent-gold);background:#ffb7031f;border:1px solid #ffb70340}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.85}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:.15}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:5s ease-in-out infinite floatSlow}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:4rem 0}}.tech-card-hover{cursor:pointer;transition:transform .35s cubic-bezier(.25,1,.5,1),border-color .35s,box-shadow .35s}.tech-card-hover:hover{transform:translateY(-4px)scale(1.01);border-color:#00f2fe80!important;box-shadow:0 14px 35px #00f2fe2e,0 0 15px #00f2fe1f!important}.tech-card-hover:hover .tech-icon-box{transform:scale(1.08);background:#00f2fe2e!important;border-color:#00f2fe80!important;box-shadow:0 0 15px #00f2fe4d!important}.badge-shake{transition:transform .3s cubic-bezier(.25,1,.5,1)}.badge-shake:hover{cursor:pointer;transform:translateY(-2px)}.reveal-fade-up{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1);transform:translateY(70px)scale(.96)}.reveal-fade-left{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1);transform:translate(-100px)scale(.95)}.reveal-fade-right{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1);transform:translate(100px)scale(.95)}.reveal-scale{opacity:0;filter:blur(12px);will-change:opacity, transform, filter;transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1);transform:scale(.82)}.reveal-fade{opacity:0;filter:blur(8px);will-change:opacity, filter;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1)}.reveal-active{opacity:1!important;filter:blur()!important;transform:translateY(0)translate(0)scale(1)!important}.delay-100{transition-delay:80ms!important}.delay-200{transition-delay:.16s!important}.delay-300{transition-delay:.24s!important}.delay-400{transition-delay:.32s!important}.delay-500{transition-delay:.4s!important}.delay-600{transition-delay:.48s!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background-color:var(--input-bg)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{opacity:.85;color:var(--text-dim)!important}[data-theme=light] .btn-secondary{color:var(--text-main);border-color:var(--border-color);background:#0f172a0d}[data-theme=light] .btn-secondary:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#0284c714}.animated-border-card{border-radius:26px;justify-content:center;align-items:center;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #00f2fe40,0 10px 40px #00000073}.animated-border-card:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, transparent 210deg, var(--primary-cyan) 260deg, var(--accent-emerald) 310deg, var(--accent-purple) 360deg);z-index:0;width:200%;height:200%;animation:3.2s linear infinite rotateBorderLine;position:absolute;top:-50%;left:-50%}.animated-border-card-inner{z-index:1;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:20px;width:100%;height:100%;padding:10px;position:relative}@keyframes rotateBorderLine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
