*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #050508;--color-bg-elevated: #0c0c12;--color-surface: rgba(255, 255, 255, .045);--color-surface-hover: rgba(255, 255, 255, .07);--color-sidebar-bg: #07070b;--color-sidebar-text: #cbd5e1;--color-sidebar-heading: #f8fafc;--color-accent: #818cf8;--color-accent-light: #c4b5fd;--color-accent-2: #22d3ee;--color-accent-glow: rgba(129, 140, 248, .22);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .08);--color-skill-bg: rgba(99, 102, 241, .2);--color-skill-text: #c7d2fe;--color-tag-bg: rgba(15, 23, 42, .8);--color-tag-text: #cbd5e1;--color-success: #34d399;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 32px rgba(0, 0, 0, .35);--shadow-md: 0 12px 40px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--transition: .25s cubic-bezier(.4, 0, .2, 1);--font-body: "DM Sans", "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Outfit", "Syne", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(99,102,241,.18),transparent 55%),radial-gradient(ellipse 60% 50% at 100% 20%,rgba(236,72,153,.1),transparent 50%),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(6,182,212,.08),transparent 45%),linear-gradient(180deg,#050508,#0a0a10);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent-light);text-decoration:none;transition:color var(--transition)}a:hover{color:#e0e7ff}.portfolio-layout{display:flex;min-height:100vh}@media (max-width: 900px){.portfolio-layout{flex-direction:column}}.sidebar{width:320px;flex-shrink:0;background:linear-gradient(180deg,rgba(99,102,241,.12) 0%,transparent 40%),linear-gradient(165deg,#06060a,#0d0d14 55%,#08080f);color:var(--color-sidebar-text);position:sticky;top:0;height:100vh;overflow-y:auto;padding:2.5rem 1.75rem;display:flex;flex-direction:column;gap:1.75rem;scrollbar-width:none;border-right:1px solid var(--color-border);box-shadow:12px 0 48px #0006}.sidebar:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#6366f1,#a855f7,#22d3ee);opacity:.85}.sidebar::-webkit-scrollbar{display:none}@media (max-width: 900px){.sidebar{width:100%;height:auto;position:relative;padding:1.75rem 1.25rem 1.25rem;gap:1.25rem}.sidebar:before{width:100%;height:3px;bottom:auto}}.sidebar-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--color-sidebar-bg),var(--color-sidebar-bg)) padding-box,linear-gradient(135deg,#6366f1,#ec4899,#22d3ee) border-box;box-shadow:0 0 0 1px #ffffff0f,0 12px 40px #6366f140}.sidebar-name{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--color-sidebar-heading);line-height:1.2;margin-top:.75rem;letter-spacing:-.02em}.sidebar-location{font-size:.8125rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.4rem;margin-top:.35rem}.sidebar-location i{font-size:.75rem;color:var(--color-accent-2)}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:.25rem 0}.sidebar-section-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem}.sidebar-socials{display:flex;flex-direction:column;gap:.35rem}.sidebar-socials a{display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:var(--color-sidebar-text);padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--transition),border-color var(--transition),color var(--transition)}.sidebar-socials a:hover{background:#ffffff0f;border-color:#ffffff0f;color:#fff}.sidebar-socials a i{width:1.125rem;text-align:center;font-size:.95rem;background:linear-gradient(135deg,#a5b4fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-cv-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);color:#fff;font-size:.875rem;font-weight:600;padding:.65rem 1.35rem;border-radius:999px;border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);width:fit-content;box-shadow:0 8px 28px #6366f159;text-decoration:none}a.sidebar-cv-btn{color:#fff}.sidebar-cv-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 36px #8b5cf673}.sidebar-cv-btn i{font-size:.9rem}.sidebar-admin-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-text-muted);margin-top:auto;padding:.45rem .65rem;border-radius:var(--radius-sm);transition:color var(--transition)}.sidebar-admin-link:hover{color:var(--color-sidebar-text)}.sidebar-admin-link i{font-size:.7rem}.main-content{flex:1;min-width:0;padding:2.5rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem;max-width:960px}@media (max-width: 900px){.main-content{padding:1.5rem 1rem}}.section-card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.75rem;border:1px solid var(--color-border);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.section-card:hover{border-color:#818cf833;box-shadow:var(--shadow-md)}@media (max-width: 600px){.section-card{padding:1.25rem 1.1rem}}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.35rem}.section-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#6366f159,#ec489933);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.section-icon i{color:var(--color-accent-light);font-size:.95rem}.section-header h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.about-text{font-size:.95rem;line-height:1.85;color:var(--color-text-secondary);white-space:pre-wrap}.education-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.education-item:last-child{border-bottom:none;padding-bottom:0}.education-item:first-child{padding-top:0}.edu-icon{width:2.5rem;height:2.5rem;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f140}.edu-icon i{color:#fff;font-size:1rem}.edu-content h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.edu-content p{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{display:inline-flex;align-items:center;background:var(--color-skill-bg);color:var(--color-skill-text);font-size:.78rem;font-weight:600;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(129,140,248,.25);transition:transform var(--transition),box-shadow var(--transition)}.skill-chip:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f140}.timeline{display:flex;flex-direction:column;position:relative}.timeline:before{content:"";position:absolute;left:1.125rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#6366f180,#ec489933)}.timeline-item{display:flex;gap:1.15rem;padding-bottom:1.75rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:2.35rem;height:2.35rem;flex-shrink:0;background:var(--color-bg-elevated);border:2px solid rgba(129,140,248,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 0 20px #6366f133}.timeline-dot i{color:var(--color-accent-light);font-size:.8rem}.timeline-content{flex:1;padding-top:.25rem}.timeline-date{font-size:.68rem;font-weight:700;color:var(--color-accent-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.timeline-content h4{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.timeline-content p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.75;white-space:pre-wrap}.stack-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.stack-tag{font-size:.68rem;font-weight:500;background:var(--color-tag-bg);color:var(--color-tag-text);padding:.2rem .55rem;border-radius:999px;border:1px solid var(--color-border)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.15rem}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);background:#ffffff08}.project-card:hover{transform:translateY(-5px);border-color:#818cf840;box-shadow:var(--shadow-lg)}.project-preview{width:100%;height:168px;background-size:cover;background-position:center;background-color:#6366f126;display:flex;align-items:center;justify-content:center}.project-preview i{font-size:2.25rem;background:linear-gradient(135deg,#a5b4fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.project-body{padding:1.1rem 1.15rem}.project-body h4{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.45rem}.project-body p{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.65;white-space:pre-wrap}.empty-state{text-align:center;padding:2.5rem 1.25rem;color:var(--color-text-muted)}.empty-state i{font-size:2.5rem;margin-bottom:.75rem;display:block;opacity:.5}.empty-state p{font-size:.875rem}.admin-layout{min-height:100vh;background:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.12),transparent 50%)}.admin-topbar{background:linear-gradient(90deg,#07070b,#0f0f18);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-border)}.admin-topbar-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff}.admin-topbar-brand i{background:linear-gradient(135deg,#a5b4fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.25rem}.admin-topbar-actions{display:flex;align-items:center;gap:.65rem}.admin-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-card{background:#ffffff0a;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;backdrop-filter:blur(12px)}.admin-card-header{padding:1.1rem 1.35rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:#ffffff08}.admin-card-header h3{font-size:.95rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.admin-card-header h3 i{color:var(--color-accent-light)}.admin-card-body{padding:1.35rem}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-body);color:var(--color-text-primary);background:#00000059;transition:border-color var(--transition),box-shadow var(--transition);outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#818cf880;box-shadow:0 0 0 3px var(--color-accent-glow)}.form-group textarea{min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;border-radius:999px;font-size:.8125rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;transition:all var(--transition)}.btn.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn.btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 24px #6366f159;transform:translateY(-1px)}.btn.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn.btn-ghost:hover{background:#ffffff0f;color:var(--color-text-primary)}.btn.btn-danger{background:#ef444426;color:#f87171}.btn.btn-danger:hover{background:#ef444440}.btn.btn-sm{padding:.4rem .85rem;font-size:.75rem}.btn.btn-success{background:#34d39926;color:var(--color-success)}.tags-input-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:3rem;cursor:text;background:#00000040;align-items:center}.tags-input-row:focus-within{border-color:#818cf873;box-shadow:0 0 0 3px var(--color-accent-glow)}.tag-chip{display:inline-flex;align-items:center;gap:.35rem;background:#6366f133;color:var(--color-skill-text);font-size:.75rem;font-weight:600;padding:.25rem .65rem .25rem .75rem;border-radius:999px;border:1px solid rgba(129,140,248,.25)}.tag-chip button{background:none;border:none;cursor:pointer;color:var(--color-skill-text);font-size:.75rem;padding:0;display:flex;align-items:center}.tag-chip button:hover{color:#f87171}.tags-input-row input{border:none;outline:none;font-size:.8125rem;font-family:var(--font-body);background:transparent;flex:1;min-width:120px;padding:.15rem;color:var(--color-text-primary);box-shadow:none!important}.list-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;margin-bottom:.85rem;background:#0003;overflow:hidden}.list-item:last-child{margin-bottom:0}.list-item-title{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.list-item-meta{font-size:.78rem;color:var(--color-text-muted)}.list-item-actions{display:flex;gap:.5rem;margin-top:.75rem}.login-page{min-height:100vh;background:var(--color-bg);background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(99,102,241,.25),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(236,72,153,.12),transparent 45%);display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg);backdrop-filter:blur(16px)}.login-logo{font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:#fff;margin-bottom:.35rem}.login-logo span{background:linear-gradient(120deg,#a5b4fc,#f472b6,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.75rem}.login-form-group{margin-bottom:1rem}.login-form-group label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.4rem;text-transform:uppercase}.login-form-group input{width:100%;padding:.7rem .85rem;background:#00000059;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-family:var(--font-body);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.login-form-group input:focus{border-color:#818cf880;box-shadow:0 0 0 3px var(--color-accent-glow)}.login-error{font-size:.8125rem;color:#f87171;margin-bottom:.85rem}.login-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:filter var(--transition),transform var(--transition)}.login-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.toast{position:fixed;bottom:1.75rem;right:1.75rem;background:#0f172af2;color:#fff;padding:.85rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);display:flex;align-items:center;gap:.6rem;z-index:9999;animation:slideIn .3s ease}.toast i{color:var(--color-success)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem}.modal-box{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:1.1rem 1.35rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--color-bg-elevated);z-index:1}.modal-header h3{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.modal-header button{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-muted)}.modal-header button:hover{color:var(--color-text-primary)}.modal-body{padding:1.35rem}.modal-footer{padding:1rem 1.35rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.65rem;position:sticky;bottom:0;background:var(--color-bg-elevated)}.not-found-page{min-height:100vh;background:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.2),transparent 55%);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:1.5rem}.not-found-page h1{font-size:clamp(4rem,15vw,6rem);font-weight:800;background:linear-gradient(120deg,#a5b4fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.not-found-page p{font-size:1.05rem;color:var(--color-text-muted);margin:1rem 0 1.75rem}.not-found-page a{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:.75rem 1.75rem;border-radius:999px;font-weight:600}