@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--bg-color: #090f1f;--bg-color-soft: #0f1932;--surface-color: rgba(15, 25, 50, .82);--surface-elevated: rgba(21, 35, 67, .9);--border-color: rgba(147, 174, 220, .2);--text-primary: #e7f1ff;--text-secondary: #9bb0d1;--accent: #71d8ff;--accent-strong: #3ca9ee;--shadow: 0 20px 50px rgba(5, 14, 32, .35);--font-body: "Manrope", "Segoe UI", sans-serif;--font-heading: "Sora", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 10% 10%,#163066 0%,transparent 32%),radial-gradient(circle at 90% 0%,#0a6f9e 0%,transparent 28%),linear-gradient(165deg,var(--bg-color) 0%,#081024 100%);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:#fff}.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:.85rem}.profile-avatar{width:clamp(58px,14vw,78px);height:clamp(58px,14vw,78px);border-radius:50%;object-fit:cover;border:2px solid rgba(113,216,255,.35)}.brand-copy{display:flex;flex-direction:column}.brand-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:-.015em}.brand-role{color:var(--text-secondary);font-size:.86rem}.nav-area{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.site-nav{display:flex;gap:1rem}.site-nav a{color:var(--text-secondary);font-weight:600;font-size:.95rem;padding-bottom:.24rem;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.active{color:var(--text-primary)}.site-nav a.active{border-bottom-color:var(--accent)}.social-links{display:flex;gap:.95rem}.social-links a{color:var(--text-secondary);width:34px;height:34px;border-radius:999px;border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease}.social-links a:hover{color:var(--text-primary);border-color:#71d8ff6b;background:#71d8ff14}.divider{width:1px;height:20px;background-color:var(--border-color)}.hero{padding:3.1rem 0;margin-bottom:2.4rem;border-radius:20px;border:1px solid rgba(147,174,220,.18);box-shadow:var(--shadow);background:linear-gradient(140deg,#162b54d6,#0f1932d1),radial-gradient(circle at 85% 12%,rgba(113,216,255,.19),transparent 40%);padding-inline:clamp(1.2rem,4vw,2.4rem)}.hero-about{margin-bottom:1rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#c4e9ff;background:#71d8ff1c;border:1px solid rgba(113,216,255,.35);border-radius:999px;padding:.4rem .7rem;margin-bottom:1rem}.hero h1{font-family:var(--font-heading);font-size:clamp(2rem,6vw,3.2rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.9rem;line-height:1.07;max-width:14ch}.hero p{color:var(--text-secondary);font-size:clamp(.98rem,2.7vw,1.12rem);max-width:65ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:1.45rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:10px;padding:.66rem 1rem;font-size:.94rem;font-weight:700;border:1px solid transparent;transition:all .25s ease}.btn-primary{background:linear-gradient(140deg,var(--accent-strong),#5fc8ff);color:#031124}.btn-primary:hover{color:#04172f;transform:translateY(-1px)}.btn-secondary{border-color:var(--border-color);background:#ffffff05}.btn-secondary:hover{border-color:#71d8ff73;background:#71d8ff17}.highlight-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.highlight-card{border:1px solid var(--border-color);border-radius:14px;padding:.75rem .9rem;background:#08112359;display:flex;flex-direction:column}.highlight-card strong{font-size:1.06rem;font-family:var(--font-heading)}.highlight-card span{font-size:.84rem;color:var(--text-secondary)}.section-title{font-family:var(--font-heading);font-size:clamp(1.45rem,4.5vw,1.8rem);font-weight:600;margin-bottom:.65rem;letter-spacing:-.02em}.section-intro{color:var(--text-secondary);margin-bottom:1.6rem;max-width:70ch}.section-title-with-icon{display:flex;align-items:center;gap:.75rem}.projects-status{color:var(--text-secondary);padding:1.5rem;border:1px dashed var(--border-color);border-radius:12px;margin-bottom:3.2rem}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.3rem;margin-bottom:4.5rem}.project-card{background:linear-gradient(150deg,#152343f2,#0d1830e0);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:transform .28s ease,border-color .28s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-3px);border-color:#71d8ff6b}.project-image{width:100%;height:180px;object-fit:cover;border-bottom:1px solid var(--border-color);filter:grayscale(32%) contrast(1.1);transition:filter .3s ease}.project-card:hover .project-image{filter:grayscale(0%) contrast(1)}.project-content{padding:1.1rem;display:flex;flex-direction:column;flex-grow:1}.project-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.project-title{font-size:1.12rem;font-weight:700;line-height:1.2}.project-desc{color:var(--text-secondary);font-size:.93rem;margin:.7rem 0 1.2rem;flex-grow:1}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:#030c1ccc;color:#cbddf7;font-size:.73rem;padding:.24rem .55rem;border-radius:999px;border:1px solid var(--border-color)}.value-grid{display:grid;grid-template-columns:1fr;gap:.9rem;margin-bottom:2rem}.value-card{background:#0d18309e;border:1px solid var(--border-color);border-radius:14px;padding:1rem}.value-card svg{color:var(--accent)}.value-card h3{margin:.5rem 0 .35rem;font-size:1rem}.value-card p{font-size:.9rem;color:var(--text-secondary)}.about-section-gap{margin-bottom:3.7rem}.timeline{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;position:relative}.timeline:before{content:"";position:absolute;left:5px;top:10px;bottom:0;width:2px;background-color:var(--border-color)}.timeline-item{position:relative;padding-left:2.25rem}.timeline-dot{position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%;background-color:var(--bg-color-soft);border:2px solid var(--border-color);z-index:1;transition:border-color .3s ease}.timeline-dot-active{border-color:#c1f0ff}.timeline-item:hover .timeline-dot{border-color:var(--accent)}.timeline-content h3{font-size:1.12rem;font-weight:700;margin-bottom:.2rem;color:var(--text-primary)}.timeline-date{display:inline-block;font-size:.82rem;color:var(--text-secondary);margin-bottom:.7rem;font-family:IBM Plex Mono,monospace}.timeline-content p{color:var(--text-secondary);font-size:.93rem;max-width:66ch}.skills-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem;margin-bottom:4.5rem}.skill-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;transition:transform .3s ease,border-color .3s ease}.skill-card:hover{transform:translateY(-3px);border-color:#71d8ff6b}.skill-card-featured{border-color:#71d8ff59;background:linear-gradient(160deg,#13284dde,#0e1932e6)}.skill-icon{margin-bottom:.8rem;color:var(--text-secondary);transition:color .3s ease}.skill-icon-featured{color:#95e5ff}.skill-card:hover .skill-icon{color:var(--text-primary)}.skill-card h3{font-size:1.03rem;font-weight:700;margin-bottom:.55rem}.skill-title-featured{color:#def4ff}.skill-card p{color:var(--text-secondary);font-size:.91rem;line-height:1.52}.footer{padding:2rem 0 2.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.84rem;flex-wrap:wrap}@media(min-width:720px){.container{padding:0 1.8rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid,.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.header{padding-top:1.5rem}.brand-role{font-size:.8rem}.nav-area{width:100%;justify-content:space-between}.divider{display:none}.hero{border-radius:16px;padding-inline:1rem;padding-block:2.2rem}.btn{width:100%}}