@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#a29bfe;--primary-glow:#a29bfe66;--accent:#fd79a8;--bg-gradient:radial-gradient(circle at 10% 20%,#eff6ff 0%,#d7e4f9 90%);--glass-bg:#fff6;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f26871a;--blur-strength:16px;--text-main:#2d3436;--text-muted:#636e72;--radius-lg:24px;--radius-md:16px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' style='font-size:32px'><text y='32'>👾</text></svg>") 16 16,auto;background-color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a,button,[role=button],input,select,textarea,.project-card,.btn,Link{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' style='font-size:32px'><text y='32'>👾</text></svg>") 16 16,pointer!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-strength));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);background:#ffffff80;border:1px solid #fffc;padding:20px;transition:transform .2s,box-shadow .2s}.glass-card:hover{border-color:#fff;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.app-container{gap:30px;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.glass-sidebar{flex-direction:column;align-items:center;gap:30px;width:100px;height:calc(100vh - 40px);padding:40px 0;display:flex;position:sticky;top:20px}.nav-icon{color:#555;cursor:pointer;background:#ffffff4d;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.nav-icon:hover,.nav-icon.active{color:var(--primary);background:#fff;transform:scale(1.1);box-shadow:0 8px 16px #a29bfe40}.nav-label{color:#6c5ce7;opacity:0;pointer-events:none;white-space:nowrap;z-index:10;background:#fffffff2;border:1px solid #a29bfe33;border-radius:8px;margin-left:14px;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:100%;transform:translate(-10px);box-shadow:0 4px 12px #6c5ce726}.nav-icon:hover .nav-label{opacity:1;transform:translate(0)}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient-text{background-size:200%!important;animation:12s infinite gradient-bg!important}.hub-bg{z-index:1;background-color:#0000;position:relative;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{-webkit-user-select:none;user-select:none;gap:20px;padding:10px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-content{flex-shrink:0;gap:20px;animation:60s linear infinite marquee;display:flex}.marquee-content:hover{animation-play-state:paused}.project-card{transition:all .4s cubic-bezier(.165,.84,.44,1)}.project-card:hover{border-color:#6c5ce733;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #00000014;background:#fff!important}.main-content{flex:1;padding:20px 0}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#a29bfe,#6c5ce7);box-shadow:0 4px 15px #6c5ce74d}.btn:hover,.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 25px #6c5ce766}.btn-primary:active{transform:scale(.96)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px;display:grid}.full-width{grid-column:1/-1}h1,h2,h3{color:var(--text-main)}p{color:var(--text-muted)}.glass-input{-webkit-backdrop-filter:blur(10px);width:100%;color:var(--text-main);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:14px;padding:12px 16px}.glass-input body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-main);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' style='font-size:32px'><text y='32'>👾</text></svg>") 16 16,auto;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.glass-input a,.glass-input button,.glass-input [role=button],.glass-input input,.glass-input select,.glass-input textarea,.glass-input .project-card,.glass-input .btn{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' style='font-size:32px'><text y='32'>👾</text></svg>") 16 16,pointer!important}.glass-input{outline:none;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 3px #0000000a}.glass-input::placeholder{color:#b2bec3}.glass-input:focus{background:#ffffffbf;border-color:#a29bfecc;box-shadow:0 0 0 3px #a29bfe2e,inset 0 1px 3px #0000000a}