@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.main-content{padding:.75rem}.glass-card{border-radius:16px;padding:1.25rem}h1{font-size:clamp(1.75rem,8vw,2.5rem)!important}h2{font-size:clamp(1.35rem,6vw,2rem)!important}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:.75rem 1.25rem;font-size:.9rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.stat-number{font-size:2rem}}@media (width<=480px){.badge{padding:.3rem .7rem;font-size:.7rem}.feature-icon-wrapper{width:52px;height:52px;margin-bottom:1.25rem}}@media (width>=641px) and (width<=991px){.grid-3{grid-template-columns:repeat(2,1fr)}.main-content{padding:1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,.light{--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#0ea5e9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--glass-border:#fff9;--font-main:"Plus Jakarta Sans", sans-serif;--font-display:"Outfit", sans-serif;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--card-shadow:0 4px 20px -2px #0000000d;--card-shadow-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--nav-bg:#f8fafccc;--success-bg:#0596691a;--success-border:#05966940;--success-text:#059669}.dark{--bg-base:#030208;--bg-surface:#ffffff08;--bg-surface-hover:#ffffff0d;--accent-primary:#8b5cf6;--accent-secondary:#d946ef;--accent-tertiary:#0ea5e9;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--glass-border:#ffffff1a;--card-shadow:none;--card-shadow-hover:0 20px 40px #0006, 0 0 40px #8b5cf61a;--nav-bg:#03020899;--success-bg:#22c55e1a;--success-border:#22c55e40;--success-text:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#8b5cf61f,#0000 25%),radial-gradient(circle at 85% 30%,#d946ef1f,#0000 25%),radial-gradient(circle at 50% 100%,#0ea5e91f,#0000 30%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-main);background:0 0;border:none}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.ambient-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle at 100% 0,#8b5cf60d,#0000 40%),radial-gradient(circle at 0 100%,#0ea5e90d,#0000 40%);position:fixed;inset:0}.main-content{z-index:1;flex:1;width:100%;max-width:1300px;margin:0 auto;padding:2rem;position:relative}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary), var(--accent-tertiary));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;animation:5s infinite gradientFlow}.text-gradient-purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-smooth);font-size:1rem;font-family:var(--font-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff08;border-radius:12px;padding:.875rem 1.25rem}.input-field:focus{border-color:var(--accent-primary);background-color:#ffffff0d;outline:none;box-shadow:0 0 0 4px #8b5cf626}.input-field::placeholder{color:var(--text-muted)}select.input-field option{background-color:var(--bg-base);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;transition:all var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-primary:hover:before{left:100%}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:all var(--transition-bounce);box-shadow:var(--card-shadow);background:linear-gradient(145deg,#ffffff0d,#ffffff03);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.glass-card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 50%,#ffffff0d);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-color);transform:translateY(-8px)scale(1.02)}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.badge{color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.skill-tag{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-smooth);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.skill-tag:hover{color:var(--accent-primary);background:#6366f114;border-color:#6366f14d;transform:translateY(-1px)}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;display:flex}.nav-links{background:var(--bg-surface);border:1px solid #ffffff0d;border-radius:999px;gap:.5rem;padding:.35rem;display:flex}.nav-link{color:var(--text-secondary);transition:all var(--transition-smooth);border-radius:999px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600}.nav-link:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.nav-link.active{color:var(--accent-primary);background:var(--bg-surface-hover);box-shadow:inset 0 1px 1px var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}textarea.input-field{resize:vertical;min-height:120px;line-height:1.6}.mesh-blob{filter:blur(90px);z-index:-1;opacity:.5;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.blob-1{background:#8b5cf64d;width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:#d946ef4d;width:300px;height:300px;animation-delay:-5s;bottom:20%;right:-50px}.blob-3{background:#0ea5e94d;width:350px;height:350px;animation-delay:-2s;top:40%;left:20%}.feature-icon-wrapper{background:linear-gradient(135deg,#8b5cf61a,#d946ef1a);border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 2px #ffffff1a}.feature-icon-wrapper:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#fff3);transition:opacity .3s;position:absolute;inset:0}.glass-card:hover .feature-icon-wrapper:before{opacity:1}.stat-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2rem}.stat-number{font-size:3rem;font-weight:800;font-family:var(--font-display);margin-bottom:.5rem;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500}.nav-actions{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}@media (width<=992px){.main-content{padding:1rem}.glass-card{padding:1.5rem}.navbar{flex-wrap:wrap;padding:1rem}.nav-links{display:none}.nav-links.mobile-active{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:12px 12px 0 0;flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;padding:1rem 1rem .5rem;display:flex}.nav-links.mobile-active .nav-link{background:var(--bg-surface);text-align:center;border-radius:8px;width:100%;padding:.875rem;font-size:1.05rem}.nav-links.mobile-active .nav-link.active{color:var(--accent-primary);background:#8b5cf626}.nav-actions{display:none}.nav-actions.mobile-active{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 12px 12px;flex-direction:column;gap:.5rem;width:100%;margin-top:0;padding:.5rem 1rem 1rem;display:flex}.nav-actions.mobile-active .btn-primary,.nav-actions.mobile-active .btn-secondary,.nav-actions.mobile-active button{justify-content:center;width:100%}.mobile-menu-btn{display:block}.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}.stat-card{padding:1.5rem}.blob-1{width:250px;height:250px}.blob-2{width:200px;height:200px}.blob-3{width:250px;height:250px}.dashboard-actions{flex-direction:column;flex-shrink:0;flex-basis:100%;width:100%;align-items:stretch!important}.dashboard-actions>*{justify-content:center;width:100%}}.dropdown-menu{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(24px);background-color:#fff}.dark .dropdown-menu{background-color:#0f172a}