*{box-sizing:border-box}body{margin:0;background:#0b0b0b;color:#e6e6e6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}.app{width:100%}.section{padding:100px 0}.container{max-width:1100px;margin:0 auto;padding:0 24px}h1{font-size:3.2rem;margin:0 0 16px}h2{font-size:2rem;margin-bottom:32px}h3{margin:0 0 8px}p{max-width:700px;line-height:1.6;color:#cfcfcf}.hero{min-height:100vh;display:flex;align-items:center}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:80px}.hero-text{max-width:520px}.hero-image .avatar{width:180px;height:180px;border-radius:50%;border:1px solid #222;background:#111}.hero-image .avatar{object-fit:cover;display:block}.timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;justify-content:space-between;border-bottom:1px solid #1a1a1a;padding-bottom:16px}.time{color:#888;font-size:.9rem}.subsection{margin-top:48px}.skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.skill{padding:6px 12px;border:1px solid #222;border-radius:999px;font-size:.85rem}.skill-card{border:1px solid #222;border-radius:12px;padding:10px 14px;cursor:pointer;transition:all .2s ease;max-width:320px;background:#0e0e0e}.skill-card{position:relative}.skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000059}.skill-card:hover:after{opacity:1}.skill-card:hover{background:#141414;border-color:#333}.skill-card.active{background:#fff;color:#000;border-color:#fff}.skill-name{font-size:.9rem;font-weight:500}.skill-description{margin-top:8px;font-size:.8rem;line-height:1.5;color:#222}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{border:1px solid #1e1e1e;padding:24px;border-radius:12px;background:#0e0e0e;transition:transform .2s ease}.project-card:hover{transform:scale(1.04)}.tags{display:flex;gap:8px;margin:16px 0}.tags span{font-size:.75rem;border:1px solid #222;padding:4px 8px;border-radius:999px}.actions{display:flex;gap:12px}.actions button{background:transparent;border:1px solid #222;color:#e6e6e6;padding:8px 14px;border-radius:8px;cursor:pointer}.actions{display:flex;gap:12px;margin-top:16px}.actions .btn{padding:8px 14px;border-radius:8px;background:#0f0f0f;border:1px solid #2a2a2a;color:#fff;text-decoration:none;font-size:.9rem;transition:all .2s ease}.actions .btn:hover{background:#1a1a1a;border-color:#444}.os-timeline{display:flex;flex-direction:column;gap:32px}.os-item{display:flex;gap:16px}.dot{width:10px;height:10px;background:#444;border-radius:50%;margin-top:6px}.social-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:12px 18px;background:#000;border:1px solid #222;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}.dock-item{width:40px;height:40px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;color:#fff;font-size:.9rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;-webkit-user-select:none;user-select:none}.dock-item:hover{transform:scale(1.25);background:#333;box-shadow:0 4px 16px #0000004d;z-index:10}.dock-item:after{content:attr(data-label);position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.dock-item:hover:after{opacity:1}@media(max-width:768px){.dock-item:hover{transform:scale(1.15)}.dock-item:after{display:none}}@media(max-width:768px){.hero-content{flex-direction:column;text-align:center;gap:32px}.project-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:6px}}