:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Syne", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--ve-coral: #FF6B6B;--ve-yellow: #FFD93D;--ve-green: #6BCB77;--ve-blue: #4D96FF;--ve-purple: #6A0572}[data-theme=dark]{--bg-main: #0d0614;--bg-surface: #180a24;--bg-card: rgba(26, 11, 38, .8);--bg-card-hover: rgba(38, 16, 56, .9);--bg-header: rgba(13, 6, 20, .9);--bg-pill: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(106, 5, 114, .35);--border-hover: #FF6B6B;--text-main: #fcf8ff;--text-muted: #d4c2e2;--text-dim: #9d83b5;--btn-primary-bg: linear-gradient(135deg, #FF6B6B 0%, #6A0572 100%);--btn-accent-bg: linear-gradient(135deg, #4D96FF 0%, #6BCB77 100%);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .4);--shadow-md: 0 12px 36px -8px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(255, 107, 107, .25);--code-bg: #13071c;--bottom-bar-bg: rgba(26, 11, 38, .95)}[data-theme=light]{--bg-main: #faf7fd;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: #ffffff;--bg-header: rgba(250, 247, 253, .92);--bg-pill: rgba(106, 5, 114, .06);--border-subtle: rgba(106, 5, 114, .12);--border-card: rgba(106, 5, 114, .18);--border-hover: #FF6B6B;--text-main: #1f0729;--text-muted: #5e3b74;--text-dim: #8b68a3;--btn-primary-bg: linear-gradient(135deg, #FF6B6B 0%, #6A0572 100%);--btn-accent-bg: linear-gradient(135deg, #4D96FF 0%, #6BCB77 100%);--shadow-sm: 0 2px 8px rgba(106, 5, 114, .06);--shadow-md: 0 10px 25px -5px rgba(106, 5, 114, .12);--shadow-glow: 0 0 25px rgba(255, 107, 107, .15);--code-bg: #1c0926;--bottom-bar-bg: rgba(255, 255, 255, .95)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .25s ease,border-color .25s ease,color .2s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#6a0572;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b6b}.app-container{max-width:1180px;margin:0 auto;padding:0 24px}@media(max-width:768px){.app-container{padding:0 16px}}.glass-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-sm);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-md),0 0 20px #ff6b6b33}[data-theme=dark] .text-gradient{background:linear-gradient(135deg,#ff6b6b,#ffd93d 45%,#6bcb77 75%,#4d96ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#e63946,#f59e0b 45%,#10b981 75%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .text-gradient-cyan{background:linear-gradient(135deg,#ffd93d,#ff6b6b,#4d96ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .text-gradient-cyan{background:linear-gradient(135deg,#d97706,#dc2626,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-mono{font-family:var(--font-mono)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ff6b6b,#6a0572);color:#fff!important;font-weight:700;font-size:.9rem;padding:11px 22px;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #ff6b6b66;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99;filter:brightness(1.1)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-pill);color:var(--text-main);font-weight:600;font-size:.9rem;padding:11px 20px;border-radius:10px;border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{border-color:var(--border-hover);transform:translateY(-2px);color:var(--text-main)}.btn-cyan{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4d96ff,#6bcb77);color:#fff!important;font-weight:700;font-size:.9rem;padding:11px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #4d96ff59;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4d96ff8c;filter:brightness(1.08)}.badge-tech{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-pill);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.76rem;font-weight:500;border-radius:6px;transition:all .2s ease}.badge-tech:hover{border-color:#ff6b6b;color:#ff6b6b}.badge-live{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#6bcb772e;border:1px solid rgba(107,203,119,.45);color:#6bcb77;font-size:.72rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.badge-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#6bcb77;box-shadow:0 0 6px #6bcb77}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-pill);border:1px solid var(--border-subtle);border-radius:9999px;color:#ff6b6b;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.section-title{font-family:var(--font-sans);font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:800;color:var(--text-main);line-height:1.25;margin-bottom:10px;letter-spacing:-.02em}.section-subtitle{color:var(--text-muted);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.6}.theme-toggle-btn{width:38px;height:38px;border-radius:10px;background:var(--bg-pill);border:1px solid var(--border-subtle);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{border-color:#ff6b6b;background:#ff6b6b26;color:#ff6b6b}.custom-cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#ff6b6b;border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 10px #ff6b6b,0 0 18px #ffd93d;transform:translate(-50%,-50%);transition:opacity .2s ease}.custom-cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgba(255,107,107,.6);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s}.custom-cursor-ring.hovering{width:52px;height:52px;border-color:#ffd93d;background:#ffd93d1a}@media(max-width:768px){.custom-cursor-dot,.custom-cursor-ring{display:none!important}}.desktop-controls{display:flex!important}.mobile-controls{display:none!important}@media(max-width:768px){body{padding-bottom:84px}.desktop-nav,.desktop-controls{display:none!important}.mobile-controls,.mobile-bottom-bar{display:flex!important}.hero-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center}.hero-profile-container{order:-1;display:flex;justify-content:center;margin-bottom:8px}.hero-profile-container>div{width:200px!important;height:200px!important}.desktop-only-badge{display:none!important}.mobile-cta-group{display:flex;flex-direction:column;width:100%;gap:10px}.mobile-cta-group .btn-primary,.mobile-cta-group .btn-cyan,.mobile-cta-group .btn-secondary{width:100%;justify-content:center;padding:13px;font-size:.92rem}.section-title{font-size:1.5rem}.glass-card{padding:18px!important;border-radius:14px}}@media(min-width:769px){.mobile-bottom-bar{display:none!important}}