:root{--bg: #0f172a;--bg-soft: #111827;--card: #1f2937;--accent: #38bdf8;--text: #e2e8f0;--muted: #94a3b8;--radius: 1rem;--contact-bg: #0b1c22;--contact-text: #e6faff;--contact-glow: #00e5ff}*{box-sizing:border-box;scroll-behavior:smooth;margin:0}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0f172a,#020617 50%);color:var(--text)}.app{min-height:100vh}.nav{position:sticky;padding:.5%;top:0;z-index:50;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.2)}.nav-inner{margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none}.logo span{color:var(--accent)}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem}.nav-links a:hover{color:#fff}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.Hero{margin:0 auto;display:flex;align-items:center;width:100%;gap:2rem}.hero-content{width:100%}.hero-content h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem;line-height:1.15}.tag{display:inline-block;background:#38bdf833;color:var(--accent);padding:.3rem .75rem;border-radius:999px;font-size:.85rem;margin-bottom:1rem}.subtitle{color:var(--muted);max-width:35rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.hero-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:1rem}.btn{border:1px solid rgba(148,163,184,.3);background:transparent;color:#fff;padding:.7rem 1.3rem;border-radius:999px;cursor:pointer;text-decoration:none;font-size:.9rem;transition:transform .1s ease-in-out}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);border-color:transparent;color:#020617;font-weight:600}.hero-photo{display:flex;justify-content:center;width:30%}.hero-avatar{width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:grid;place-items:center;font-size:4rem;font-weight:700}.section{padding:4rem 1rem 2rem;margin-left:5%;margin-right:5%;opacity:1!important;transform:none!important;transition:none!important}.section-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:2rem;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.skill-pill{background:#0f172a4d;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:.5rem 1.1rem;font-size:clamp(.8rem,2vw,.95rem)}.sec.edu{padding:4rem 0}.container.skills{width:100%;overflow:hidden}.scroller{position:relative;width:100%;overflow:hidden}.scroller_content{display:flex;width:max-content;animation:scroll 50s linear infinite;list-style:none;padding:0;margin:0}.scroller_content li{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:6rem}.scroller_content svg{font-size:70px;margin-bottom:.75rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroller:before,.scroller:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.scroller:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.8),transparent)}.scroller:after{right:0;background:linear-gradient(to left,rgba(0,0,0,.8),transparent)}.scroller:hover .scroller_content{animation-play-state:paused}.projects-section{padding:4rem 1rem 2rem;margin-left:5%;margin-right:5%}.projects-slider{max-width:1600px;margin:0 auto;overflow:hidden}.projects-track{display:flex;gap:32px;padding-left:32px;transition:transform .6s ease-in-out}.project-card{flex:0 0 95%;padding:2.5rem;background:#0206174d;border:1px solid rgba(148,163,184,.2);border-radius:22px}.project-card h3{font-size:clamp(1.1rem,3vw,1.4rem);margin-bottom:1rem}.project-desc{list-style-type:disc;padding-left:1.2rem;margin-bottom:1rem}.project-desc li{margin-bottom:.5rem;font-size:clamp(.82rem,2vw,.92rem);line-height:1.6;color:var(--muted)}.project-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.project-tech span{background:#222;padding:6px 12px;border-radius:10px;font-size:12px}.project-link{color:var(--accent);text-decoration:none;font-weight:500;font-size:.9rem}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:10px;height:10px;background:#555;border-radius:50%;cursor:pointer;transition:background .3s}.dot.active{background:#4da3ff}#certificate{padding:4rem 5%;overflow:hidden}.cer-slider{width:100%;overflow:hidden}.cer-track{display:flex;gap:32px;will-change:transform}.cer-item{flex:0 0 400px}.flip-card{background-color:transparent;width:400px;height:310px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d;box-shadow:0 10px 40px #00000073;border-radius:14px}.flip-card:hover .flip-card-inner{transform:rotateX(180deg)}.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden}.flip-card-front{background:#ddd}.cerimg{width:100%;height:100%;object-fit:cover}.flip-card-back{background:#ae6517;color:#fff;transform:rotateX(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;font-size:clamp(.8rem,2vw,.95rem)}.flip-card-back a{color:#fff;text-decoration:underline}.top{display:flex;align-items:center;text-align:center;flex-direction:column;margin-bottom:2rem}.type-text{font-size:clamp(1rem,3vw,1.4rem);font-weight:500;letter-spacing:.08em;color:var(--contact-text);margin-top:12px}.center{display:flex;flex-direction:row;align-items:center;width:100%;gap:2rem}.bottomnav{display:flex;flex-direction:column;width:20%;gap:14px;padding:4%;list-style:none;margin:0}.bottomnav a,.silky-link{position:relative;padding:10px 6px;color:#eaeaea;text-decoration:none;font-size:clamp(.85rem,2vw,.95rem);letter-spacing:.05em;overflow:hidden;display:flex;gap:3%;align-items:center}.silky-link:before{content:"";position:absolute;left:-200%;top:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.15) 40%,rgba(0,229,255,.45) 50%,rgba(0,229,255,.15) 60%,transparent 100%);transform:translate(0);transition:transform 1.2s cubic-bezier(.4,0,.2,1);transition-delay:0s}.silky-link:hover:before{transform:translate(50%);transition-delay:5s}.contact-buttons{display:flex;flex-direction:row;width:80%;gap:18px;justify-content:flex-end;padding:4%}.contact-btn{position:relative;width:64px;height:260px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;background:#0f0f0f;color:#fff;text-decoration:none;font-size:clamp(.8rem,1.5vw,.95rem);letter-spacing:.08em;border-radius:18px;overflow:hidden;transition:color .4s ease}.contact-btn:before{content:"";position:absolute;inset:-200% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(0,229,255,.15) 40%,rgba(0,229,255,.45) 50%,rgba(0,229,255,.15) 60%,transparent 100%);transform:translateY(0);transition:transform .5s cubic-bezier(.4,0,.2,1);transition-delay:.5s}.contact-btn:hover:before{transform:translateY(50%);transition-delay:.5s}.silky-vertical{position:relative;display:flex;align-items:center;justify-content:center;width:220px;padding:14px 18px;background:var(--contact-bg);color:var(--contact-text);text-decoration:none;font-size:clamp(.85rem,2vw,.95rem);letter-spacing:.05em;font-weight:500;border-radius:10px;overflow:hidden;z-index:1}.silky-vertical:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.18) 45%,rgba(0,229,255,.45) 50%,rgba(0,229,255,.18) 55%,transparent 100%);transform:translate(0);transition:transform 1.1s cubic-bezier(.4,0,.2,1);z-index:0}.silky-vertical:hover:before{transform:translate(100%);transition-delay:.15s}.footer{text-align:center;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 3rem;color:var(--muted);font-size:clamp(.8rem,2vw,.9rem)}@keyframes moveUpOnLoad{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.Hero{padding:2.5rem 5%;gap:1.5rem}.hero-content{width:65%}.hero-photo{width:35%}.hero-avatar{width:150px;height:150px;font-size:3rem}.project-card{padding:2rem}.flip-card,.cer-item{flex:0 0 300px;width:300px}.flip-card{height:240px}.contact-btn{width:56px;height:220px}.silky-vertical{width:180px;padding:12px 14px}}.section-title,.hero-content,.hero-photo,.tag,.subtitle,.hero-actions,.About,.skills-grid,.scroller,.project-card,.project-card-mobile,.projects-track,.projects-mobile-stack,.cer-item,.top,.center{will-change:opacity,transform}@media(max-width:768px){.section-title,.hero-content,.hero-photo,.tag,.subtitle,.hero-actions,.About p,.About h2,.skills-grid,.scroller,.project-card,.project-card-mobile,.projects-track,.projects-mobile-stack,.cer-item,.top,.center{transition-duration:1s!important}.nav-links{position:absolute;top:58px;right:1rem;left:1rem;background:#0f172af2;padding:1rem 1.5rem;border-radius:.75rem;flex-direction:column;gap:.8rem;display:none;border:1px solid rgba(148,163,184,.15)}.nav-links.open{display:flex}.nav-toggle{display:block}.Hero{flex-direction:column-reverse;gap:1.5rem;text-align:center}.hero-content,.hero-photo{width:100%}.hero-avatar{width:130px;height:130px;font-size:2.5rem}.hero-actions{justify-content:center}.subtitle{margin:0 auto}.section{padding:3rem .75rem 1.5rem;margin-left:4%;margin-right:4%}.projects-section{padding:3rem .5rem 1.5rem;margin-left:3%;margin-right:3%}.projects-slider{overflow:visible}.projects-track{flex-direction:column;transform:none!important;transition:none;padding-left:0;gap:1.25rem}.project-card{flex:0 0 auto;width:100%;padding:1.5rem 1.25rem;border-radius:16px}.project-desc li{font-size:.85rem}.slider-dots{display:none}.scroller_content li{margin-right:3rem}.scroller_content svg{font-size:48px}#certificates,#certificate{padding:2.5rem 1.25rem;overflow:hidden}.cer-slider{overflow:visible;width:100%}.cer-track{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;transform:none!important;will-change:unset;width:100%;padding:0}.cer-item{flex:none;width:100%;max-width:100%;padding:0}.flip-card{width:100%;max-width:100%;height:240px}.flip-card-inner{width:100%;height:100%}.cerimg{width:100%;height:100%;object-fit:cover}.center{flex-direction:column;align-items:center;gap:28px}.bottomnav{width:100%;max-width:320px;flex-direction:column;align-items:center;padding:0;gap:12px}.silky-vertical{width:90%;max-width:280px}.contact-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;width:auto;max-width:100%;overflow-x:auto;justify-content:center;padding:1rem 0}.contact-btn{width:54px;height:200px;font-size:.8rem;border-radius:14px}.footer{padding:1.5rem 1rem 2.5rem;flex-direction:column}}@media(max-width:480px){.hero-avatar{width:110px;height:110px;font-size:2rem}.project-card{padding:1.25rem 1rem}.project-desc li{font-size:.8rem}.contact-btn{width:48px;height:175px;font-size:.75rem;border-radius:12px;letter-spacing:.05em}.flip-card{width:100%;height:230px}.cer-item{width:100%;max-width:100%}.skill-pill{padding:.4rem .85rem;font-size:.78rem}.btn{padding:.6rem 1rem;font-size:.85rem}.section{margin-left:3%;margin-right:3%}}