:root{--apple-blue:#007aff;--apple-gray:#f5f5f7;--apple-bg:#fff;--apple-card:#fff;--apple-text:#1d1d1f;--apple-text-secondary:#86868b;--apple-border:#00000014;--apple-radius:16px;--apple-transition:all .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--apple-gray:#1c1c1e;--apple-bg:#000;--apple-card:#1c1c1e;--apple-text:#f5f5f7;--apple-text-secondary:#86868b;--apple-border:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--apple-bg);color:var(--apple-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;line-height:1.5}.cv-container{width:100%;min-height:100vh;display:flex}.cv-sidebar{border-right:1px solid var(--apple-border);background:var(--apple-gray);flex-direction:column;width:380px;height:100vh;padding:4rem 3rem;display:flex;position:sticky;top:0;overflow-y:auto}.cv-main{background-color:var(--apple-bg);flex:1;width:100%;max-width:1400px;margin:0 auto;padding:4rem}.profile-img{object-fit:cover;border-radius:40px;width:160px;height:160px;margin-bottom:2.5rem;box-shadow:0 12px 32px #0000001f}.contact-item{color:var(--apple-text-secondary);align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.95rem;display:flex}.contact-item a{color:var(--apple-text);transition:var(--apple-transition);text-decoration:none}.contact-item a:hover{color:var(--apple-blue)}.tab-nav{border-bottom:1px solid var(--apple-border);scrollbar-width:none;gap:2.5rem;margin-bottom:3rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--apple-text-secondary);cursor:pointer;transition:var(--apple-transition);white-space:nowrap;background:0 0;border:none;padding-bottom:1rem;font-size:1.1rem;font-weight:600;position:relative}.tab-btn.active{color:var(--apple-text)}.tab-btn.active:after{content:"";background-color:var(--apple-blue);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;display:grid}.project-card{border-radius:var(--apple-radius);border:1px solid var(--apple-border);transition:var(--apple-transition);background:var(--apple-card);gap:2rem;padding:2rem;display:flex}.project-card:hover{border-color:var(--apple-blue);transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.project-icon{object-fit:cover;border-radius:18px;flex-shrink:0;width:80px;height:80px;box-shadow:0 4px 12px #0000000f}.btn-primary{background-color:var(--apple-blue);color:#fff;cursor:pointer;transition:var(--apple-transition);border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.admin-input{border:1px solid var(--apple-border);background:var(--apple-gray);width:100%;color:var(--apple-text);transition:var(--apple-transition);border-radius:12px;outline:none;padding:.9rem 1.2rem;font-size:1rem}.admin-input:focus{border-color:var(--apple-blue);background:var(--apple-card);box-shadow:0 0 0 4px #007aff1a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (width<=1024px){.cv-container{flex-direction:column}.cv-sidebar{border-right:none;border-bottom:1px solid var(--apple-border);width:100%;height:auto;padding:3rem 2rem;position:static}.cv-main{padding:2rem}.project-grid{grid-template-columns:1fr}}@media (width<=640px){.project-card{flex-direction:column;gap:1.5rem}.tab-nav{gap:1.5rem}.tab-btn{font-size:1rem}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}