:root{--primary-dark:#1C1C1A;--bg-light:#F8FAFC;--bg-dark:#1C1C1A;--text-light:#334155;--text-dark:#E2E8F0;--white:#FFFFFF;--black:#000000;--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(28,28,26,0.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.06);--glass-card-bg:rgba(255,255,255,0.85);--glass-card-border:rgba(28,28,26,0.06);--glass-card-shadow-hover:0 16px 36px -4px rgba(0,0,0,0.1);--modal-overlay:rgba(0,0,0,0.7);--scrollbar-thumb:rgba(148,163,184,0.4);--scrollbar-thumb-hover:rgba(148,163,184,0.7);--spotlight-color:rgba(128,128,128,0.12);--active-pill-shadow:0 4px 12px rgba(0,0,0,0.15);--timeline-ring:0 0 0 4px rgba(28,28,26,0.08);--timeline-ring-hover:0 0 0 6px rgba(28,28,26,0.15);--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.15);--dropdown-active:#2C2C29;--danger-subtle:rgba(239,68,68,0.2);--danger:#EF4444;--shadow-black-05:rgba(0,0,0,0.05);--shadow-black-10:rgba(0,0,0,0.1);--shadow-black-50:rgba(0,0,0,0.5);--invoice-text:#1E293B;--invoice-bg-dark:#18181B;--invoice-text-dark:#F1F5F9;--invoice-print-text:#0F172A;--invoice-print-border-strong:#CBD5E1;--invoice-border:rgba(226,232,240,0.8);--invoice-border-light:rgba(226,232,240,0.6);--invoice-th-bg:rgba(248,250,252,0.8);--invoice-dark-th-bg:rgba(255,255,255,0.03);--invoice-dark-border-subtle:rgba(255,255,255,0.06);--invoice-dark-border:rgba(255,255,255,0.1);--status-paid:#059669;--status-paid-border:rgba(5,150,105,0.3);--status-paid-bg:rgba(5,150,105,0.1);--status-paid-dark:#34D399;--status-paid-dark-border:rgba(52,211,153,0.35);--status-paid-dark-bg:rgba(52,211,153,0.15);--status-paid-print-bg:#ECFDF5;--status-paid-print-border:#A7F3D0;--status-unpaid:#D97706;--status-unpaid-border:rgba(217,119,6,0.3);--status-unpaid-bg:rgba(217,119,6,0.1);--status-unpaid-dark:#FBBF24;--status-unpaid-dark-border:rgba(251,191,36,0.35);--status-unpaid-dark-bg:rgba(251,191,36,0.15);--status-unpaid-print-bg:#FFFBEB;--status-unpaid-print-border:#FDE68A;--status-overdue:#DC2626;--status-overdue-border:rgba(220,38,38,0.3);--status-overdue-bg:rgba(220,38,38,0.1);--status-overdue-dark:#F87171;--status-overdue-dark-border:rgba(248,113,113,0.35);--status-overdue-dark-bg:rgba(248,113,113,0.15);--status-overdue-print-bg:#FEF2F2;--status-overdue-print-border:#FECACA;--status-cancelled:#64748B;--status-cancelled-border:rgba(100,116,139,0.3);--status-cancelled-bg:rgba(100,116,139,0.1);--status-cancelled-dark:#94A3B8;--status-cancelled-dark-border:rgba(148,163,184,0.35);--status-cancelled-dark-bg:rgba(148,163,184,0.15);--cert-bg-light:#FFFFFF;--cert-bg-dark:#18181B;--cert-text-light:#1C1C1A;--cert-text-dark:#F8FAFC;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.3s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.8s cubic-bezier(0.22,1,0.36,1)}html.dark{color-scheme:dark;--glass-bg:rgba(28,28,26,0.75);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.4);--glass-card-bg:rgba(28,28,26,0.85);--glass-card-border:rgba(255,255,255,0.08);--glass-card-shadow-hover:0 16px 36px -4px rgba(0,0,0,0.45);--modal-overlay:rgba(0,0,0,0.85);--scrollbar-thumb:rgba(100,116,139,0.4);--scrollbar-thumb-hover:rgba(100,116,139,0.7);--active-pill-shadow:0 4px 12px rgba(255,255,255,0.15);--timeline-ring:0 0 0 4px rgba(255,255,255,0.1);--timeline-ring-hover:0 0 0 6px rgba(255,255,255,0.2)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}body{font-family:"Outfit",sans-serif;transition:background-color 0.2s ease,color 0.2s ease;overflow-x:hidden;background-color:var(--bg-light);color:var(--text-light);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.dark body{background-color:var(--bg-dark);color:var(--text-dark)}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{-webkit-user-drag:none}body::selection,body::-moz-selection{background-color:transparent}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:var(--glass-bg) !important;border-bottom:1px solid var(--glass-border)}.glass-nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--glass-card-bg);border:1px solid var(--glass-card-border);box-shadow:var(--glass-shadow);border-radius:1rem;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--glass-card-shadow-hover)}.spotlight-card{position:relative;overflow:hidden}.spotlight-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.spotlight-card:hover::before{opacity:1}.magnetic-wrap{display:inline-block;transition:transform 0.2s cubic-bezier(0.23,1,0.32,1)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow);will-change:opacity,transform}.fade-up.visible{opacity:1 !important;transform:translateY(0) !important}.stagger-children > *{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.stagger-children.visible > *{opacity:1;transform:translateY(0)}.stat-card,.code-card,.skill-card,.service-card,.project-card,.certification-card,.experience-item,.education-item,.console-card,.btn,.game-select-btn,.nav-link,.tab-btn,.console-input,.public-input,.project-filter-btn,.cert-filter-btn,.contact-card,.pagination-btn,.nav-btn{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),background-color var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-smooth)}.nav-btn.rounded-full:not([class*="px-"]){aspect-ratio:1 / 1;border-radius:9999px;flex-shrink:0;padding:0;line-height:1}.nav-btn.rounded-full:not([class*="px-"]):not([class*="w-"]):not([class*="h-"]),.nav-btn.rounded-full.h-9.w-9{width:2.25rem;height:2.25rem}.nav-btn.rounded-full:not([class*="px-"]) i{display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn:hover,.game-select-btn:hover{transform:translateY(-2px)}.fade-up-delay-1{transition-delay:0.15s}.fade-up-delay-2{transition-delay:0.3s}.fade-up-delay-3{transition-delay:0.45s}.fade-up-delay-4{transition-delay:0.6s}.fade-up-delay-5{transition-delay:0.75s}.nav-link.active,.project-filter-btn.active,.cert-filter-btn.active,.pagination-btn.active,.tab-btn.active{background-color:var(--primary-dark) !important;color:var(--white) !important;box-shadow:var(--active-pill-shadow) !important}html.dark .nav-link.active,html.dark .project-filter-btn.active,html.dark .cert-filter-btn.active,html.dark .pagination-btn.active,html.dark .tab-btn.active{background-color:var(--white) !important;color:var(--primary-dark) !important;box-shadow:var(--active-pill-shadow) !important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.ratio-1-1{aspect-ratio:1 / 1}.ratio-3-2{aspect-ratio:3 / 2}.ratio-a4{aspect-ratio:1123 / 794}.ratio-a4-portrait{aspect-ratio:794 / 1123}.ratio-16-9{aspect-ratio:16 / 9}