:root{font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:#fff}.mac-os{min-height:100vh;background:radial-gradient(circle at 20% 15%,#4e4f6a,#222334 52%,#10111b)}.menu-bar{height:34px;background:#0e0f18d1;display:flex;align-items:center;padding:0 14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.14)}.desktop-area{position:relative;min-height:calc(100vh - 92px);padding:18px;display:grid;grid-template-columns:150px 1fr;gap:16px}.folder-column{display:grid;align-content:start;gap:10px}.folder-btn{border:none;background:transparent;color:#fff;text-align:left;cursor:pointer;font-size:15px;padding:4px}.folder-btn{border-radius:8px;transition:background .18s ease}.folder-btn:hover{background:#ffffff14}.mac-window{border-radius:14px;overflow:hidden;background:#161828b8;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 45px #00000073}.title-bar{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding:10px 12px}.title-bar p{margin:0;opacity:.9}.content{padding:16px}.muted{opacity:.82}.good{color:#8ff5b5}.doc-lines{line-height:1.8}.timeline{display:grid;gap:12px}.timeline-item{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;border-radius:12px;padding:12px}.project-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;border-radius:12px;padding:12px;color:#fff;text-align:left;cursor:pointer}.project-card{transition:transform .22s ease,box-shadow .22s ease}.project-sub{color:#b9d7ff}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chips span{background:#8093ff40;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 8px;font-size:.8rem}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.contact-card{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px;background:#ffffff0d;color:#fff;text-decoration:none}.contact-card{transition:transform .18s ease,background .18s ease}.contact-card:hover{background:#ffffff1a}.contact-card img{width:26px;height:26px;object-fit:cover;border-radius:6px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tech-item{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px;background:#ffffff0a}.tech-item img{width:24px;height:24px}.subheading{margin-top:16px;color:#bcd9ff}.skill-groups{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group-card{border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px;background:#ffffff0a}.skill-group-card h4{margin:0 0 8px}.chat-fab{position:fixed;right:28px;bottom:108px;width:58px;height:58px;border-radius:50%;border:none;font-size:24px;cursor:pointer;background:linear-gradient(145deg,#48a8ff,#7f7bff)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020308a8;display:grid;place-items:center;padding:20px}.modal,.chat-modal{width:min(760px,94vw);border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#11131ef7;padding:14px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:none;background:transparent;color:#fff;cursor:pointer;font-size:18px}.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.link-row a,.content a{color:#b9ddff}.terminal{min-height:260px;max-height:360px;overflow:auto;border:1px solid rgba(149,255,180,.3);border-radius:10px;padding:10px;background:#090d13;margin:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.terminal span{color:#f2d88b;margin-right:8px}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px}input,textarea,button{border:1px solid rgba(255,255,255,.2);border-radius:9px;font:inherit}input,textarea{background:#090c14eb;color:#fff;padding:8px 10px}button{background:linear-gradient(145deg,#45a4ff,#8579ff);color:#fff;padding:8px 12px;cursor:pointer}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:12px;background:#171927d6;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 16px}.admin-wrap{min-height:100vh;background:#121524;padding:26px}.admin-form{display:grid;gap:10px}@media (max-width: 900px){.desktop-area{grid-template-columns:1fr}.folder-column{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid,.contact-grid,.tech-grid,.skill-groups{grid-template-columns:1fr}}