@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html,body,#root{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#050505;color:#fff;min-height:100vh}.homepage-container{background-color:#050505;display:flex;min-height:100vh;justify-content:center;align-items:flex-start;gap:40px;padding:40px 24px;max-width:1280px;margin:0 auto;box-sizing:border-box}.detail-section{display:flex;flex-direction:column;flex:1;max-width:880px;width:100%;justify-content:flex-start;align-items:stretch}.detail-container{width:100%;background-color:transparent;display:flex;flex-direction:column;gap:60px}.section{scroll-margin-top:100px}@media(max-width:1050px){.homepage-container{flex-direction:column;align-items:center;padding:20px 16px;gap:30px}.detail-section{width:100%;max-width:100%}}@media(max-width:480px){.homepage-container{padding:12px}.detail-container{gap:40px}}.header{position:sticky;top:15px;z-index:1000;width:100%;display:flex;justify-content:center;padding:0 0 24px;pointer-events:none}.link-container{display:flex;min-width:240px;justify-content:center;align-items:center;border-radius:99px;background-color:#141418d9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000080;z-index:10;pointer-events:auto;padding:4px 12px}.header-link{color:#a1a1a6;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;transition:all .25s ease}.header-link-icon{padding:10px 16px;height:22px;width:22px;transition:all .25s cubic-bezier(.4,0,.2,1);color:#ffffffb3}.header-link:hover .header-link-icon{color:#fff;transform:scale(1.15)}.header-link.active .header-link-icon{color:#ff5f1f;transform:scale(1.1)}.header-link .work{width:20px;height:20px}@media(max-width:480px){.header{top:10px;padding:0 0 16px}.link-container{min-width:auto;gap:4px;padding:2px 8px}.header-link-icon{padding:8px 10px;height:18px;width:18px}}.home-section-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0}.hero-text{font-size:clamp(3.5rem,8vw,6.2rem);line-height:.95;font-weight:800;letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#a1a1a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;margin-top:0;text-transform:uppercase;white-space:pre-line}.sub-text{font-size:1.2rem;color:#a1a1a6;max-width:100%;margin-bottom:24px;line-height:1.6;text-align:left}.sub-text strong{color:#fff;font-weight:600}.hero-tech-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;width:100%}.hero-tech-chip{font-size:.88rem;padding:8px 16px;border-radius:99px;background:#ff5f1f1a;color:#fff;border:1px solid rgba(255,95,31,.35);font-weight:600;letter-spacing:.02em;transition:all .25s ease}.hero-tech-chip:hover{background:#ff5f1f33;border-color:#ff5f1f;transform:translateY(-2px);box-shadow:0 4px 12px #ff5f1f33}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#ffffff0f;transform:translateY(-4px);border-color:#fff3}.stat-value{font-size:36px;font-weight:800;color:#ff5f1f;margin:0;letter-spacing:-.02em}.stat-label{font-size:11px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.1em;margin-top:8px;line-height:1.4;white-space:pre-line}@media(max-width:950px){.hero-text{font-size:clamp(3rem,7vw,5rem)}.sub-text{font-size:1.1rem}}@media(max-width:480px){.hero-text{font-size:2.6rem;line-height:1.05}.sub-text{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}}.skills-section-container{padding:0;background-color:transparent}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-top:24px}.skill-category-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:14px}.skill-category-card:hover{background:#ffffff0d;border-color:#ffffff2e;transform:translateY(-3px)}.category-header{display:flex;align-items:center;gap:10px}.category-icon{color:#ff5f1f;font-size:1.2rem}.category-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:.85rem;padding:6px 12px;border-radius:8px;background:#ffffff0f;color:#a1a1a6;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;font-weight:500}.skill-tag:hover{color:#fff;border-color:#ffffff4d}.skill-tag.primary-skill{background:#ff5f1f1f;color:#fff;border:1px solid rgba(255,95,31,.4);font-weight:600}.skill-tag.primary-skill:hover{background:#ff5f1f38;border-color:#ff5f1f;box-shadow:0 0 10px #ff5f1f33}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.experience-section-container{padding:0;background-color:transparent}.experience-timeline{display:flex;flex-direction:column;gap:30px;margin-top:24px;width:100%}.exp-item{position:relative;padding:24px 28px;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .3s ease}.exp-item:hover{background:#ffffff0b;border-color:#ffffff2e;transform:translateY(-2px)}.exp-item-featured{background:linear-gradient(135deg,#ff5f1f14,#14141899);border:1.5px solid rgba(255,95,31,.45);box-shadow:0 8px 30px #ff5f1f14}.exp-item-featured:hover{border-color:#ff5f1f;box-shadow:0 12px 35px #ff5f1f26}.exp-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#ff5f1f;padding:4px 12px;border-radius:99px;margin-bottom:12px;text-transform:uppercase}.exp-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.exp-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.exp-company{font-size:1.15rem;color:#ff5f1f;font-weight:700}.exp-meta{display:flex;gap:16px;font-size:.85rem;color:#86868b;font-weight:500}.exp-date{text-transform:uppercase;letter-spacing:.05em}.exp-location{color:#a1a1a6}.exp-tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.exp-tech-tags span{font-size:.8rem;padding:4px 10px;border-radius:6px;background:#ffffff0d;color:#d1d1d6;border:1px solid rgba(255,255,255,.08);font-weight:500}.exp-details{list-style:none;padding:0;margin:0}.exp-details li{color:#a1a1a6;font-size:.98rem;line-height:1.6;margin-bottom:10px;position:relative;padding-left:20px}.exp-details li:last-child{margin-bottom:0}.exp-details li:before{content:"▹";position:absolute;left:0;color:#ff5f1f;font-weight:700}@media(max-width:768px){.exp-title{font-size:1.35rem}.exp-item{padding:20px 18px}}.project-section-container{padding:0;background-color:transparent}.project-list{display:flex;flex-direction:column;gap:30px;width:100%;margin-top:24px}.project-card{display:flex;align-items:center;gap:32px;width:100%;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.project-card:hover{background:#ffffff0b;border-color:#ffffff2e;transform:translateY(-3px)}.image-wrapper{flex-shrink:0;overflow:hidden;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);line-height:0}.image-wrapper img{width:260px;height:175px;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;gap:12px;flex:1}.project-title-small{font-size:1.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em;line-height:1.25}.project-description{font-size:.98rem;color:#a1a1a6;line-height:1.6;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;margin-bottom:8px}.project-tag{font-size:.78rem;padding:4px 10px;border-radius:6px;background:#ff5f1f1a;color:#fff;border:1px solid rgba(255,95,31,.25);font-weight:500}.apple-button{background:#ff5f1f;color:#fff;padding:10px 20px;border-radius:99px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;align-self:flex-start}.apple-button:hover{background:#ff7a45;transform:scale(1.02);box-shadow:0 6px 16px #ff5f1f4d}@media(max-width:900px){.project-card{flex-direction:column;align-items:flex-start;gap:20px}.image-wrapper img{width:100%;max-width:400px;height:200px}}@media(max-width:768px){.project-card{padding:18px}.project-title-small{font-size:1.35rem}.image-wrapper img{max-width:100%;height:180px}}.contact-container{min-height:auto;width:300px;background:linear-gradient(180deg,#1e1e24,#121214);border-radius:24px;position:sticky;top:90px;display:flex;flex-direction:column;align-items:center;padding:24px 20px;gap:16px;box-shadow:0 10px 30px #0006,0 2px 8px #0003;border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,box-shadow .25s ease}.contact-container:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0009,0 4px 12px #0000004d;border-color:#ff5f1f4d}.profile-image-wrapper{width:100%;display:flex;justify-content:center}.profile-image{width:200px;height:200px;border-radius:20px;object-fit:cover;box-shadow:0 8px 20px #0000004d;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.profile-image:hover{transform:scale(1.03)}.info-container{text-align:center}.name-text{font-size:1.4rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.bio-text{margin-top:6px;margin-bottom:2px;color:#ff5f1f;font-size:1.05rem;font-weight:600}.sub-bio-text{margin:0;color:#86868b;font-size:.88rem;font-weight:500}.core-stack-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}.stack-badge{font-size:.75rem;padding:4px 10px;border-radius:6px;background:#ffffff0f;color:#d1d1d6;border:1px solid rgba(255,255,255,.08);font-weight:500}.contact-buttons{display:flex;width:100%;gap:12px;margin-top:8px;align-items:center;justify-content:center}.contact-button{width:34px;height:34px;color:#a1a1a6;transition:all .2s ease}.contact-buttons a:hover .contact-button{transform:translateY(-2px);color:#ff5f1f}@media(max-width:950px){.contact-container{position:relative;width:90%;max-width:450px;height:auto;top:0;margin-bottom:30px}}@media(max-width:480px){.contact-container{width:90%;padding:20px 16px}.profile-image{width:160px;height:160px}}.contact-section-container{padding:0;background-color:transparent}.contact-form{width:100%;margin-top:24px}.client-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#86868b;font-size:.88rem;font-weight:500;margin-left:4px}.info-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 18px;color:#fff;font-size:.98rem;outline:none;transition:all .3s ease}.info-input:focus{background:#ffffff0f;border-color:#ff5f1f;box-shadow:0 0 15px #ff5f1f33}.message{height:auto;resize:none;font-family:inherit}.contact-btn{width:100%;height:52px;background-color:#ff5f1f;color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:20px}.contact-btn:hover{transform:translateY(-2px);background-color:#ff7a45;box-shadow:0 10px 20px #ff5f1f4d}@media(max-width:768px){.client-info{grid-template-columns:1fr}}