.glass-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726;padding:1.5rem;transition:all .3s ease}.glass-card:hover{box-shadow:0 12px 40px #1f268740;transform:translateY(-4px);border-color:#3b82f64d}[data-theme=dark] .glass-card{background:#0f172a99;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0009}[data-theme=dark] .glass-card:hover{box-shadow:0 12px 40px #000c;border-color:#3b82f680}.glass-button{background:#3b82f64d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.5);padding:.75rem 1.5rem;border-radius:12px;transition:all .3s ease;font-weight:600;color:#1e3a5f!important}[data-theme=light] .glass-button{background:#3b82f633;border-color:#3b82f666;color:#1e3a5f!important}[data-theme=dark] .glass-button{background:#3b82f64d;border-color:#3b82f680;color:#e0f2fe!important}.glass-button:hover{background:#3b82f673;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f666}.glass-button:active{transform:translateY(0)}.gradient-btn{background:linear-gradient(to right,#0ea5e9,#4f46e5);color:#fff!important;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.gradient-btn:hover{box-shadow:0 10px 25px #0ea5e980;transform:scale(1.05)}.gradient-btn-lg{padding:1rem 2rem}.glass-input{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.875rem 1rem;transition:all .3s ease}.glass-input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-theme=dark] .glass-input{background:#0f172a66;border-color:#ffffff1a}.glass-tag{background:#3b82f633;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(59,130,246,.3);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;transition:all .2s ease}[data-theme=light] .glass-tag{background:#3b82f61f;border-color:#3b82f640;color:#1e40af}[data-theme=dark] .glass-tag{background:#3b82f633;border-color:#3b82f659;color:#93c5fd}.glass-tag:hover{background:#3b82f64d;transform:scale(1.05)}body{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;transition:background .3s ease}[data-theme=light] body{background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#fef3c7)}[data-theme=dark] body{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:1000px 100%;animation:shimmer 3s infinite}.glass-header{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .glass-header{background:#0f172ab3;border-bottom:1px solid rgba(255,255,255,.05)}.featured-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 4px 25px #667eeab3}}.skill-card{position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.skill-card:hover:before{opacity:1}*{transition:background-color .3s ease,border-color .3s ease}.glass-section{background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:24px;padding:3rem 2rem;margin:2rem 0}[data-theme=dark] .glass-section{background:#0f172a4d}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes float-gentle{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-20px) translate(10px)}}@keyframes scale-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#667eea);background-size:300% 300%;border-radius:inherit;animation:gradient-shift 4s ease infinite;z-index:-1;opacity:0;transition:opacity .3s ease}.gradient-border:hover:before{opacity:1}.glow-blue{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f633,0 0 60px #3b82f61a}.glow-purple{box-shadow:0 0 20px #a855f74d,0 0 40px #a855f733,0 0 60px #a855f71a}.glow-pink{box-shadow:0 0 20px #ec48994d,0 0 40px #ec489933,0 0 60px #ec48991a}.text-gradient-animated{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 4s ease infinite}.decorative-line{height:3px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);border-radius:2px}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}::selection{background:#667eea66;color:inherit}:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:rotate-slow 1s linear infinite}@media (max-width: 768px){.glass-card{padding:1rem;border-radius:16px}.glass-tag{padding:.375rem .75rem;font-size:.75rem}}