.displacement-sphere{position:fixed;width:100vw;inset:0;opacity:0;z-index:-1;transition-property:opacity;transition-duration:3s;transition-timing-function:"cubic-bezier(0.4, 0.0, 0.2, 1)"}.displacement-sphere--entering,.displacement-sphere--entered{opacity:1}nav{position:fixed;z-index:100;display:flex;flex-direction:row-reverse;transform:rotate(-90deg) translate3d(-50%,0,0);top:15%;left:-6.5rem}nav a{margin-right:20px;text-decoration:none;color:#575757}nav a:hover{margin-right:20px;text-decoration:none;color:#ec704c}nav a.active{color:#ec704c}.journey-section{position:relative;min-height:100vh;padding:6rem 0;overflow:hidden}.journey-section:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.06) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.journey-header{text-align:center;margin-bottom:5rem;position:relative;z-index:2}.journey-header h2{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.03em}.journey-header h2 span{color:#2dd4bf}.journey-header p{color:#9ca3af;font-size:1.15rem;font-weight:300;max-width:600px;margin:0 auto}.timeline-container{position:relative;width:100%;max-width:1100px;margin:0 auto;z-index:2}.timeline-track{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#ffffff0f;transform:translate(-50%);z-index:0}.timeline-progress{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#14b8a6,#06b6d4,#8b5cf6);transform-origin:top center;transform:translate(-50%);z-index:1;box-shadow:0 0 20px #14b8a680,0 0 40px #14b8a633}.timeline-items{display:flex;flex-direction:column;gap:6rem;position:relative;z-index:2}.timeline-item{display:flex;align-items:flex-start;justify-content:space-between;position:relative;width:100%}.timeline-node{position:absolute;left:50%;top:2rem;width:20px;height:20px;border-radius:50%;background:#14b8a6;border:4px solid #111827;transform:translate(-50%);z-index:10;box-shadow:0 0 20px #14b8a699}.timeline-node-pulse{position:absolute;inset:-4px;border-radius:50%;background:#14b8a666;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:0}}.timeline-connector{position:absolute;top:2.7rem;height:2px;width:40px;background:#14b8a64d;z-index:5}.timeline-item:nth-child(odd) .timeline-connector{left:calc(50% + 10px)}.timeline-item:nth-child(2n) .timeline-connector{right:calc(50% + 10px);left:auto}.timeline-card-wrapper{width:44%}.timeline-item:nth-child(odd) .timeline-card-wrapper{margin-right:auto;text-align:right}.timeline-item:nth-child(odd) .timeline-card-wrapper .timeline-card{text-align:left}.timeline-item:nth-child(2n) .timeline-card-wrapper{margin-left:auto}.timeline-card{padding:2rem;border-radius:16px;background:#111827b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);transition:all .3s ease;cursor:default}.timeline-card:hover{border-color:#14b8a64d;box-shadow:0 0 40px #14b8a614;transform:scale(1.02)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;gap:1rem}.card-title{font-size:1.6rem;font-weight:700;color:#fff;margin:0;transition:color .3s ease}.timeline-card:hover .card-title{color:#2dd4bf}.year-badge{display:inline-block;background:#1f2937cc;color:#2dd4bf;padding:.3rem 1rem;border-radius:9999px;font-size:.8rem;font-family:Courier New,monospace;border:1px solid rgba(20,184,166,.25);white-space:nowrap;flex-shrink:0}.card-description{color:#9ca3af;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.card-details{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:.8rem 0;margin-bottom:1rem}.detail-row{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;min-width:60px;flex-shrink:0}.detail-label.impact{color:#14b8a6}.detail-value{font-size:.85rem;color:#d1d5db;margin:0}.detail-value.impact{color:#ccfbf1;font-weight:600}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.tech-badge{display:inline-block;padding:.3rem .75rem;background:#1f2937cc;border:1px solid rgba(75,85,99,.5);border-radius:6px;font-size:.75rem;color:#d1d5db;font-family:Courier New,monospace;letter-spacing:.03em}.card-actions{display:flex;gap:1rem}.btn-github,.btn-live{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .25s ease}.btn-github{background:#1f2937cc;color:#fff;border:1px solid rgba(75,85,99,.6)}.btn-github:hover{background:#374151cc;border-color:#14b8a666;color:#fff}.btn-live{background:#14b8a61f;color:#5eead4;border:1px solid rgba(20,184,166,.25)}.btn-live:hover{background:#14b8a633;box-shadow:0 0 20px #14b8a633;color:#5eead4}@media(max-width:768px){.journey-header h2{font-size:2rem}.timeline-track,.timeline-progress{left:20px;transform:none}.timeline-node{left:20px;transform:translate(-50%)}.timeline-connector{display:none}.timeline-item{flex-direction:column}.timeline-card-wrapper{width:100%;padding-left:50px;margin-left:0!important;margin-right:0!important;text-align:left!important}.timeline-items{gap:3rem}.card-header{flex-direction:column;gap:.5rem}.year-badge{align-self:flex-start}}.about-section{position:relative;padding:7rem 0 5rem;overflow:hidden}.about-section:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(20,184,166,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.about-hero{text-align:center;margin-bottom:4.5rem;position:relative;z-index:1}.hero-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#2dd4bf;font-weight:600;margin-bottom:1rem}.hero-heading{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#f1f5f9;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.hero-subtitle{font-size:1.05rem;color:#64748b;font-weight:400;letter-spacing:.02em}.accent-text{background:linear-gradient(135deg,#2dd4bf,#06b6d4,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start;max-width:1040px;margin:0 auto;position:relative;z-index:1}.profile-card{position:sticky;top:5rem;text-align:center;padding:2rem 1.5rem;border-radius:20px;background:#0f172a8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);transition:border-color .4s ease,box-shadow .4s ease}.profile-card:hover{border-color:#2dd4bf26;box-shadow:0 0 50px #14b8a60f}.profile-image-ring{width:165px;height:165px;margin:0 auto 1.5rem;border-radius:50%;padding:3px;background:linear-gradient(135deg,#2dd4bf80,#818cf84d);animation:ringPulse 4s ease-in-out infinite}@keyframes ringPulse{0%,to{box-shadow:0 0 20px #2dd4bf1f}50%{box-shadow:0 0 35px #2dd4bf38}}.profile-image-wrapper{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid rgba(15,23,42,.9)}.profile-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.profile-name{font-size:1.35rem;font-weight:700;color:#f1f5f9;margin-bottom:.25rem}.profile-role{font-size:.82rem;color:#2dd4bf;font-weight:500;margin-bottom:.25rem}.profile-location{font-size:.78rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.35rem;margin-bottom:1.5rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.stat-item{padding:.75rem .4rem;border-radius:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.04);cursor:default;transition:border-color .3s ease,box-shadow .3s ease}.stat-item:hover{border-color:#2dd4bf33;box-shadow:0 0 16px #2dd4bf14}.stat-value{display:block;font-size:1.3rem;font-weight:800;color:#2dd4bf;line-height:1.2}.stat-label{display:block;font-size:.6rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-top:.15rem}.profile-socials{display:flex;justify-content:center;gap:.8rem}.profile-socials a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#94a3b8;background:#0f172a80;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.profile-socials a:hover{color:#2dd4bf;border-color:#2dd4bf40;box-shadow:0 0 14px #2dd4bf1a;transform:translateY(-2px)}.about-content{display:flex;flex-direction:column;gap:1.6rem}.about-card{padding:1.8rem 2rem;border-radius:16px;background:#0f172a73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}.about-card:hover{border-color:#2dd4bf26;box-shadow:0 4px 40px #14b8a60d;transform:translateY(-2px)}.card-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#2dd4bf;font-weight:600;margin-bottom:.9rem}.card-text{color:#cbd5e1;font-size:.94rem;line-height:1.85}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.tech-category{padding:1rem;border-radius:12px;background:#0f172a66;border:1px solid rgba(255,255,255,.03);transition:border-color .3s ease}.tech-category:hover{border-color:#2dd4bf1f}.tech-category-name{display:block;font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:.7rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{display:inline-block;padding:.28rem .7rem;background:#2dd4bf12;border:1px solid rgba(45,212,191,.14);border-radius:20px;font-size:.72rem;color:#5eead4;font-family:SF Mono,Fira Code,Courier New,monospace;cursor:default;transition:all .25s ease}.tech-tag:hover{background:#2dd4bf24;border-color:#2dd4bf4d;box-shadow:0 0 12px #2dd4bf1f;color:#99f6e4}.timeline-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.timeline-item{display:flex;gap:.9rem;align-items:flex-start}.timeline-icon{width:38px;height:38px;min-width:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.timeline-icon--exp{background:#2dd4bf1a;color:#2dd4bf}.timeline-icon--edu{background:#818cf81a;color:#a5b4fc}.timeline-details h4{font-size:.88rem;color:#f1f5f9;font-weight:600;margin:0 0 .15rem}.timeline-org{font-size:.76rem;color:#64748b;margin:0}.timeline-date{font-size:.72rem;color:#475569;margin:.1rem 0 0}.timeline-highlights{font-size:.74rem;color:#94a3b8;margin-top:.45rem;line-height:1.5}.about-cta{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:12px;background:#2dd4bf14;border:1px solid rgba(45,212,191,.2);color:#5eead4;text-decoration:none;font-size:.9rem;font-weight:500;width:fit-content;transition:all .3s ease}.about-cta:hover{background:#2dd4bf29;border-color:#2dd4bf59;box-shadow:0 0 30px #2dd4bf1f;color:#99f6e4}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.profile-card{position:static;max-width:340px;margin:0 auto}.tech-grid{grid-template-columns:1fr 1fr}.timeline-row{grid-template-columns:1fr}}@media(max-width:600px){.about-section{padding:4rem 0 3rem}.about-hero{margin-bottom:3rem}.hero-heading{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.profile-image-ring{width:140px;height:140px}.about-card{padding:1.4rem 1.3rem}.tech-grid{grid-template-columns:1fr}.about-grid{gap:2rem}}.contact{display:flex;width:80%;margin-left:20rem;margin-right:10rem}._form_wrapper{display:flex;border-radius:16px;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.51);width:28em;height:28em;padding:2em}.submit-btn{margin-right:20px;text-decoration:none;color:#fff;background-color:#0a0a0a;padding:10px;border-radius:10px}.submit-btn:hover{margin-right:20px;text-decoration:none;background-color:#ec704c}.contact_msg{font-size:4rem;margin:5rem}@media(max-width:1024px){._form_wrapper{width:300px;height:auto;margin-left:4em;margin-right:4em;padding:2em}}@media(max-width:768px){.contact{width:70%;margin-left:5rem;margin-right:4rem;margin-bottom:7em;flex-direction:column}._form_wrapper{width:100%;margin-left:0;margin-right:0;padding:2em}.contact{flex-direction:column}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}::-moz-selection{background:#00bfbf;color:#fafafa;text-shadow:none}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{width:0px;background:transparent}html{overflow:scroll;overflow-x:hidden;font-size:16px;scroll-behavior:smooth}body{transition:all .5s ease}p{margin-block-start:.5em;margin-block-end:.5em}