:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 35%,#ccfbf1 70%,#dbeafe 100%) 0 0/240% 240%;min-width:320px;margin:0}@keyframes background-flip{0%{background-position:0%}50%{background-position:100%}to{background-position:50% 100%}}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-shell main{flex:1}.navbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#2563eb,#14b8a6);border-bottom:1px solid #ffffff5c;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0;padding:8px clamp(20px,6vw,84px) 8px 10px;transition:background .25s,box-shadow .25s;display:flex;position:sticky;top:0;box-shadow:0 18px 45px #2563eb38}.navbar:hover{background:linear-gradient(135deg,#14b8a6,#2563eb);box-shadow:0 18px 45px #14b8a63d}.brand{color:#0f172a;align-items:center;display:inline-flex}.brand-logo{object-fit:contain;transform-origin:bottom;width:auto;height:90px;animation:3.2s ease-in-out infinite logo-sway;display:block}@keyframes logo-sway{0%,to{transform:rotate(0)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}.nav-links{color:#0f172a;align-items:center;gap:10px;font-weight:800;display:flex}.nav-links a{padding:9px 12px}.nav-links a.active,.nav-links a:hover{color:#0f172a;text-underline-offset:6px;text-decoration:underline}.admin-link{color:inherit;background:0 0;border-radius:0;padding:0}.menu-toggle{background:#ffffff2e;border:1px solid #ffffff5c;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.menu-toggle span{background:#0f172a;border-radius:999px;width:20px;height:2px}.footer{color:#64748b;padding:28px clamp(20px,6vw,84px)}.section{max-width:1120px;margin:0 auto;padding:72px clamp(20px,5vw,56px)}.hero{align-content:center;min-height:68vh;display:grid}.home-page .section{padding-top:46px;padding-bottom:46px}.home-page .hero{min-height:52vh;padding-top:72px;padding-bottom:52px}.home-page .section:not(.hero){background:#ffffff61;border:1px solid #2563eb29;border-radius:28px;margin-top:18px;margin-bottom:18px;box-shadow:0 14px 35px #0f172a0a}.home-page .hero{border-bottom:1px solid #2563eb24}.home-page .two-column{gap:24px}.home-page .timeline{gap:10px;margin-top:16px}.home-page .skills-grid{gap:14px;margin-top:18px}.home-page .timeline-item,.home-page .skill-card{border-radius:20px;padding:18px}.home-page [data-reveal]{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(22px)}.home-page [data-reveal].is-visible{opacity:1;transform:translateY(0)}.reveal-page[data-reveal],.reveal-page [data-reveal]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal-page[data-reveal].is-visible,.reveal-page [data-reveal].is-visible{opacity:1;transform:translateY(0)}.eyebrow{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.6rem,8vw,6rem);line-height:.95}h2{letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(1.8rem,4vw,3rem)}h3{margin:0 0 10px}.hero p,.page-intro,.large-text{color:#475569;max-width:760px;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions,.button-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button,button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover,button:hover{transform:translateY(-1px)}.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 16px 30px #2563eb40}.ghost{color:#2563eb;background:#fff;border:1px solid #bfdbfe}.ghost.dark{color:#334155;border-color:#cbd5e1}.two-column{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:36px;display:grid}.timeline{gap:14px;margin-top:22px;display:grid}.timeline-item,.skill-card,.panel,.admin-card,.contact-card,.empty-state{background:#ffffffd1;border:1px solid #94a3b847;border-radius:24px;box-shadow:0 18px 50px #0f172a14}.timeline-item{color:#334155;padding:18px 20px}.experience-card{gap:14px;display:grid}.experience-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.experience-header p{color:#64748b;margin:0;font-weight:800}.experience-header span{color:#2563eb;background:#dbeafe;border-radius:999px;flex:none;padding:7px 10px;font-size:.85rem;font-weight:900}.experience-card ul{margin:0;padding-left:20px}.experience-card li+li{margin-top:6px}.skills-grid,.contact-grid,.admin-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.skill-card,.contact-card,.admin-card,.empty-state,.panel{padding:22px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips span{color:#0f766e;background:#ccfbf1;border-radius:999px;padding:8px 12px;font-weight:800}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.product-card{background:#fff;border:1px solid #94a3b847;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.product-card img,.product-placeholder{object-fit:cover;color:#2563eb;background:linear-gradient(135deg,#dbeafe,#ccfbf1);place-items:center;width:100%;height:210px;font-weight:900;display:grid}.product-content{padding:20px}.product-content a{color:#2563eb;font-weight:900}.contact-card{color:#0f172a;overflow-wrap:anywhere;gap:8px;min-width:0;font-weight:800;display:grid}.contact-card span{color:#64748b;font-size:.85rem}.login-page,.center-card{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:18px;width:min(460px,100%);display:grid}.login-card .eyebrow,.login-card h1{text-align:center}.login-card .eyebrow{margin-bottom:-8px}.login-card h1{margin-bottom:6px;font-size:clamp(2.75rem,10vw,4rem);line-height:1}.admin-shell{background:#f8fafc;grid-template-columns:270px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:10px;padding:24px;display:flex}.admin-brand{margin-bottom:22px;font-size:1.2rem;font-weight:900}.admin-sidebar a,.admin-sidebar button{color:#fff;text-align:left;background:#ffffff14;border-radius:14px;padding:12px 14px}.admin-sidebar a.active,.admin-sidebar a:hover,.admin-sidebar button:hover{background:#ffffff2e}.admin-main{padding:36px}.form-grid{gap:16px;max-width:820px;display:grid}label{color:#334155;gap:8px;font-weight:800;display:grid}input,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:12px 14px}textarea{resize:vertical;min-height:105px}.success-box,.error-box{border-radius:16px;padding:12px 14px;font-weight:800}.success-box{color:#047857;background:#d1fae5}.error-box{color:#b91c1c;background:#fee2e2}.admin-products{gap:24px;display:grid}.nested-editor{gap:14px;display:grid}.section-heading-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading-row h2,.section-heading-row p{margin:0}.section-heading-row p{color:#64748b}.nested-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;gap:14px;padding:16px;display:grid}.nested-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.small-button{padding:8px 12px}.danger{color:#b91c1c;background:#fee2e2}.compact{box-shadow:none;padding:14px}.table-like{gap:12px;display:grid}.product-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;gap:16px;padding:16px;display:flex}.product-row div:first-child{gap:6px;min-width:0;display:grid}.product-row a,.product-row small{color:#64748b;overflow-wrap:anywhere}.row-actions{align-items:center;gap:8px;display:flex}.row-actions button{color:#0369a1;background:#e0f2fe;padding:8px 12px}.row-actions .danger{color:#b91c1c;background:#fee2e2}.backup-page{gap:24px;display:grid}.backup-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.backup-row div{gap:6px;min-width:0;display:grid}.backup-row strong,.backup-row small{overflow-wrap:anywhere}.backup-row small{color:#64748b}.backup-row .backup-actions{gap:8px;display:flex}.backup-row button{color:#0369a1;background:#e0f2fe;flex:none;padding:8px 12px}.backup-row .restore-button{color:#b91c1c;background:#fee2e2}@media (width<=820px){.navbar{align-items:center;width:100%;margin-top:0;top:0}.brand-logo{height:64px}.menu-toggle{display:flex}.nav-links{color:#334155;opacity:0;pointer-events:none;background:#f0f9fffa;border:1px solid #2563eb29;border-radius:20px;gap:8px;padding:14px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:calc(100% + 8px);left:8px;right:8px;transform:translateY(-8px);box-shadow:0 18px 50px #0f172a24}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-radius:14px;padding:10px 12px}.nav-links a:hover,.nav-links a.active{background:#2563eb14}.admin-link{display:block}.product-row,.backup-row{flex-direction:column;align-items:flex-start}.backup-actions{width:100%}.experience-header,.section-heading-row{flex-direction:column}.experience-header span{align-self:flex-start}.two-column,.skills-grid,.contact-grid,.admin-cards,.product-grid,.admin-shell{grid-template-columns:1fr}.home-page .section{padding-top:34px;padding-bottom:34px}.home-page .section:not(.hero){border-radius:22px;width:calc(100% - 24px)}.home-page .hero{min-height:auto;padding-top:54px;padding-bottom:38px}.admin-sidebar{position:static}.admin-main{padding:22px}}@media (prefers-reduced-motion:reduce){body,.brand-logo{animation:none}.home-page [data-reveal],.reveal-page[data-reveal],.reveal-page [data-reveal]{opacity:1;transition:none;transform:none}}