@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#060709;--bg-surface:#0f1117b8;--bg-surface-hover:#161922d9;--bg-surface-active:#1c202df2;--bg-card-body:#0a0b10bf;--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--border-strong:#ffffff2e;--glass-blur:blur(20px);--glass-saturate:saturate(180%);--text-main:#f8fafc;--text-dim:#94a3b8;--text-muted:#64748b;--text-hint:#475569;--accent-lime:#a3e635;--accent-lime-glow:#a3e63559;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf859;--accent-gold:#fbbf24;--accent-gold-glow:#fbbf2459;--accent-purple:#c084fc;--accent-purple-glow:#c084fc59;--accent-emerald:#10b981;--accent-rose:#f43f5e;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-sm:6px;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.28s cubic-bezier(.16, 1, .3, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:50;position:fixed;inset:0;box-shadow:inset 0 0 60px 10px #38bdf814,inset 0 0 120px 30px #a3e6350a}.ambient-glow{filter:blur(120px);pointer-events:none;z-index:1;opacity:.6;border-radius:50%;animation:14s ease-in-out infinite alternate ambientFloat;position:fixed}.ambient-glow-top{background:radial-gradient(circle,#38bdf826 0%,#a3e63514 50%,#0000 80%);width:520px;height:520px;top:-160px;left:50%;transform:translate(-50%)}.ambient-glow-bottom{background:radial-gradient(circle,#c084fc1f 0%,#38bdf80f 60%,#0000 80%);width:480px;height:480px;animation-delay:-7s;bottom:-140px;right:-80px}@keyframes ambientFloat{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-46%,25px)scale(1.06)}to{transform:translate(-54%,-15px)scale(.96)}}.starfield-canvas{pointer-events:none;z-index:2;opacity:.9;width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-glow{pointer-events:none;z-index:3;will-change:transform;background:radial-gradient(circle,#a3e6350f 0%,#38bdf808 45%,#0000 70%);border-radius:50%;width:460px;height:460px;transition:opacity .3s;position:fixed}.page-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:56px 16px 88px;display:flex;position:relative}.portfolio-container{flex-direction:column;align-items:center;width:100%;max-width:450px;animation:.6s cubic-bezier(.16,1,.3,1) forwards pageFadeIn;display:flex}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.profile-card{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:26px;display:flex}.avatar-container{justify-content:center;align-items:center;width:94px;height:94px;margin-bottom:16px;display:flex;position:relative}.avatar-ring{opacity:.7;filter:blur(2px);transition:opacity var(--transition-smooth), filter var(--transition-smooth);background:linear-gradient(135deg,#a3e63599,#38bdf880,#c084fc80,#a3e63599) 0 0/300% 300%;border-radius:26px;animation:6s infinite gradientRotate;position:absolute;inset:-3px}.avatar-container:hover .avatar-ring{opacity:1;filter:blur(4px)}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-wrapper{z-index:2;-webkit-user-select:none;user-select:none;background-color:#12141c;border-radius:22px;width:86px;height:86px;position:relative;overflow:visible}.avatar-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-spring), border-color var(--transition-smooth);border:2px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 30px #000000b3}.avatar-container:hover .avatar-img{border-color:#ffffff4d;transform:scale(1.03)}.status-indicator{border:3px solid var(--bg-primary);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 8px #0009}.status-pulse{opacity:0;pointer-events:none;border:2px solid;border-radius:50%;position:absolute;inset:-3px}.status-indicator.online{color:#10b981;background-color:#10b981;box-shadow:0 0 12px #10b98199}.status-indicator.online .status-pulse{animation:2.2s cubic-bezier(.24,0,.38,1) infinite statusPulse}@keyframes statusPulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}.profile-meta{flex-direction:column;align-items:center;gap:4px;display:flex}.profile-title{font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.025em;font-size:1.55rem;font-weight:800;line-height:1.2}.profile-bio{font-family:var(--font-mono);color:var(--accent-lime);text-shadow:0 0 16px var(--accent-lime-glow);margin-top:4px;font-size:.82rem;font-weight:500;line-height:1.55}.user-badge-card{border-radius:var(--radius-lg);width:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-medium);animation:activitySlideIn .35s var(--transition-smooth) forwards;background:#0e1017c7;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;display:flex;box-shadow:0 10px 28px -6px #0000008c}@keyframes activitySlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accordion-group{flex-direction:column;gap:12px;width:100%;display:flex}.accordion-item{background:var(--bg-surface);width:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-smooth), transform var(--transition-fast);overflow:hidden;box-shadow:0 8px 24px -4px #00000073}.accordion-item:hover{border-color:var(--border-medium);background:var(--bg-surface-hover);transform:translateY(-1.5px);box-shadow:0 12px 30px -4px #0000008c}.accordion-item.open{border-color:var(--border-strong)}.accordion-header{cursor:pointer;width:100%;color:inherit;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:14px 18px;font-family:inherit;display:flex}.accordion-header-left{align-items:center;gap:12px;display:flex}.accordion-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.accordion-title{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-main);text-transform:lowercase;font-size:.95rem;font-weight:700}.accordion-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-smooth), color var(--transition-fast);flex-shrink:0}.accordion-item.open .accordion-chevron{color:var(--text-main);transform:rotate(180deg)}.accordion-collapse{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1);display:grid}.accordion-item.open .accordion-collapse{grid-template-rows:1fr}.accordion-body{background:var(--bg-card-body);overflow:hidden}.accordion-inner-content{border-top:1px solid var(--border-subtle);color:var(--text-dim);padding:16px 18px;font-size:.88rem;line-height:1.6}.btn{font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{color:#060709;background:linear-gradient(135deg,#38bdf8d9 0%,#a3e635cc 100%);border:1px solid #fff3;box-shadow:0 4px 18px #38bdf840}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8 0%,#a3e635f2 100%);transform:translateY(-2px);box-shadow:0 6px 24px #a3e63559}.btn-secondary{color:var(--text-main);border:1px solid var(--border-medium);background:#161922b3}.btn-secondary:hover{border-color:var(--border-strong);background:#1e2330d9;transform:translateY(-1.5px)}.btn-success{color:#6ee7b7;background:#10b98129;border:1px solid #10b98166}.btn-success:hover{background:#10b98147;transform:translateY(-1.5px)}.btn-danger{color:#fda4af;background:#f43f5e24;border:1px solid #f43f5e59}.btn-danger:hover{background:#f43f5e42;transform:translateY(-1.5px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{border-radius:var(--radius-pill);font-family:var(--font-mono);align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-pending{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459}.badge-accepted{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.badge-declined{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e59}.badge-admin{color:#c084fc;background:#c084fc1f;border:1px solid #c084fc59}.form-input,.form-textarea{border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:all var(--transition-fast);background:#0c0e14d9;outline:none;padding:11px 14px;font-size:.88rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #38bdf833}.form-textarea{resize:vertical;min-height:90px;line-height:1.5}.site-footer{justify-content:center;align-items:center;width:100%;margin-top:32px;display:flex}.footer-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);background:#0f1117a6;align-items:center;gap:10px;padding:6px 16px;display:inline-flex;box-shadow:0 4px 16px #0006}.footer-handle{font-family:var(--font-mono);color:var(--text-dim);font-size:.74rem;font-weight:600}.footer-sep{color:var(--text-hint);font-size:.75rem}.footer-clock-wrap{cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:6px;padding:2px 4px;display:flex}.footer-clock-wrap:hover{background:#ffffff0f}.clock-live-dot{background-color:var(--accent-lime);width:6px;min-width:6px;height:6px;min-height:6px;box-shadow:0 0 8px var(--accent-lime);border-radius:50%;flex-shrink:0;animation:2s infinite clockBlink}@keyframes clockBlink{0%,to{opacity:1}50%{opacity:.3}}.clock-icon{width:12px;min-width:12px;max-width:12px;height:12px;min-height:12px;max-height:12px;color:var(--text-muted);flex-shrink:0;display:block}.footer-time{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:.72rem;font-weight:600}.footer-tz{font-family:var(--font-mono);color:var(--text-hint);white-space:nowrap;font-size:.62rem}.server-crest-badge{font-family:var(--font-sans);color:#f8fafc;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:2px solid #ffffff24;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex;box-shadow:0 10px 30px #000000b3}