@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html,#root,.portfolio-container{margin:0;padding:0;min-height:100vh;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;background:#181f2a;color:#e5e7eb}.portfolio-container{background:none;border-radius:0;box-shadow:none;border:none;overflow:visible;width:100vw;min-width:0}.portfolio-header{position:sticky;top:0;z-index:10;background:#181f2a;color:#e5e7eb;padding:1.2rem 0 1rem;border-bottom:1px solid #232b39;box-shadow:none}.portfolio-nav{display:flex;justify-content:center;gap:2.5rem}.portfolio-nav a{color:#e5e7eb;text-decoration:none;font-weight:600;letter-spacing:.03em;font-size:1.1rem;padding:.4rem 1rem;border-radius:8px;transition:background .2s,color .2s}.portfolio-nav a:hover{background:#232b39;color:#60a5fa}main{width:100vw;margin:0;padding:0}.hero-section,.projects-section,.contact-section{padding-left:max(2vw,16px);padding-right:max(2vw,16px)}.hero-section{display:flex;flex-direction:column;background:#202736;border:none;margin-bottom:0;padding-bottom:0;padding-left:max(4vw,64px);padding-right:max(4vw,64px)}.hero-content{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;min-height:340px;gap:0}.hero-left{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box}.hero-name{font-size:2.8rem;font-weight:700;color:#f3f4f6;margin-bottom:.7rem;letter-spacing:.01em;font-family:Source Code Pro,monospace;display:inline-block}.hero-name .cursor{display:inline-block;width:1ch;background:none;color:#60a5fa;animation:blink-cursor 1s steps(1) infinite}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.hero-specialization p{font-size:1.15rem;color:#a3a3a3;margin-bottom:.5rem}.hero-specialization ul{list-style:none;padding:0;margin:0}.hero-specialization li{font-size:1.08rem;color:#93c5fd;margin-bottom:.2rem;padding-left:1.1em;position:relative}.hero-specialization li:before{content:"•";position:absolute;left:0;color:#60a5fa;font-size:1.1em;line-height:1}.hero-right{width:50%;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:max(2vw,32px);box-sizing:border-box}.iphone-placeholder{width:220px;height:452px;background:none;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;color:#334155;font-size:1.1rem;font-weight:600;box-shadow:none;position:relative;overflow:hidden;margin-top:24px;margin-bottom:24px}.iphone-bezel{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:3}.iphone-screenshot{opacity:1;transition:opacity .4s;display:block;width:95%;height:95%;object-fit:contain;position:absolute;top:2.5%;left:2.5%;z-index:2;border-radius:30px}.fade-in{opacity:1}.fade-out{opacity:0}.ticker-section{background:#181f2a;border:none;margin-top:0;margin-bottom:0;padding:1.2rem 0;min-height:60px;display:flex;align-items:center;justify-content:center}.ticker-outer{width:100%;overflow:hidden;background:#181f2a;padding:.5rem 0;position:relative}.ticker-outer:before,.ticker-outer:after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.ticker-outer:before{left:0;background:linear-gradient(to right,#181f2a 90%,transparent 100%)}.ticker-outer:after{right:0;background:linear-gradient(to left,#181f2a 90%,transparent 100%)}.ticker-inner{display:flex;align-items:center;gap:2.5rem;animation:ticker-scroll 18s linear infinite;will-change:transform}.ticker-outer:hover .ticker-inner{animation-play-state:paused}.ticker-item{color:#93c5fd;font-size:1.1rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;padding:.2em .5em;border-radius:0;background:none;border:none;box-shadow:none;transition:color .2s,transform .2s,opacity .2s;display:inline-block}.ticker-item:hover{color:#fff;transform:scale(1.18) translateY(-2px);opacity:1;z-index:3}.ticker-inner:hover .ticker-item{opacity:.4}.ticker-inner:hover .ticker-item:hover{opacity:1}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-section{background:#232b39;border:none;margin:0;padding-top:2.5rem;padding-bottom:2rem;padding-left:max(4vw,64px);padding-right:max(4vw,64px);border-radius:0;box-shadow:none}.projects-list{display:flex;flex-direction:column;gap:2.5rem;margin-top:2.2rem}.project-item{display:flex;flex-direction:row;align-items:flex-start;gap:2rem;padding:2rem;background:#181f2a;border-radius:18px;box-shadow:0 4px 24px #0000001a,0 1.5px 4px #00000014;border:none;margin-bottom:2.5rem}.project-item:last-child{margin-bottom:0}.project-image{width:90px;height:90px;object-fit:contain;border-radius:18px;background:#181f2a;flex-shrink:0}.project-icon{width:64px;height:64px;object-fit:contain;border-radius:18px;background:#181f2a;flex-shrink:0}.project-info{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.project-title a{color:#60a5fa;text-decoration:none;transition:color .2s}.project-title a:hover{color:#fff;text-decoration:underline}.project-desc{color:#a3a3a3;font-size:1.05rem;margin:0;max-width:600px}.project-carousel{display:flex;align-items:center;justify-content:center;width:100%;min-height:340px;gap:0;position:relative}.scrollable-carousel{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.carousel-scroll{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-slide{min-width:100%;scroll-snap-align:center;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:3.5rem;padding:2.5rem 2rem;box-sizing:border-box;background:#181f2a;border-radius:18px;box-shadow:0 4px 24px #0000001a,0 1.5px 4px #00000014;margin:0 2vw}.carousel-dots{display:flex;justify-content:center;gap:.7rem;margin-top:1.2rem}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#334155;transition:background .2s,transform .2s;cursor:pointer;display:inline-block}.carousel-dot.active{background:#60a5fa;transform:scale(1.2)}.carousel-arrow{display:none!important}.device-frame{position:relative;display:flex;align-items:center;justify-content:center;margin-left:2.5rem}.device-screenshot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:70%;object-fit:contain;border-radius:12px;box-shadow:0 2px 12px #0000002e}.mobile-frame{width:120px;height:240px}.iphone-bezel-small{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:3}.iphone-screenshot-small{opacity:1;transition:opacity .4s;display:block;width:90%;height:90%;object-fit:contain;position:absolute;top:5%;left:5%;z-index:2;border-radius:8px}.monitor-frame{width:220px;height:143px}.contact-section{background:#202736;border:none;margin:0;padding-top:2.5rem;padding-bottom:2rem;padding-left:max(4vw,64px);padding-right:max(4vw,64px);border-radius:0;box-shadow:none}h1,h2{font-family:Poppins,Segoe UI,Arial,sans-serif;font-weight:700;color:#f3f4f6;margin-bottom:.7em;letter-spacing:.01em}h1{font-size:2.5rem;margin-top:.2em}h2{font-size:1.7rem}.portfolio-footer{text-align:center;padding:1.5rem 0 1rem;background:#181f2a;color:#a3a3a3;font-size:1.05rem;letter-spacing:.02em;margin-top:2rem;border-top:1px solid #232b39}.about-section .skills-highlight{display:flex;justify-content:center;gap:1.2rem;margin-top:2.2rem;flex-wrap:wrap}.about-section .skills-highlight span{background:#202736;color:#93c5fd;font-weight:600;font-size:1.08rem;border-radius:999px;padding:.55em 1.4em;box-shadow:none;border:1px solid #334155;transition:background .2s,color .2s,border .2s;margin-bottom:.5rem}.about-section .skills-highlight span:hover{background:#334155;color:#fff;border:1.5px solid #60a5fa}.contact-form{display:flex;flex-direction:column;gap:1.3rem;margin-top:2.2rem;max-width:480px;width:100%}.form-row{display:flex;flex-direction:column;gap:.5rem}.contact-form label{color:#a3a3a3;font-size:1.05rem;font-weight:500}.contact-form input,.contact-form textarea{background:#181f2a;color:#e5e7eb;border:1.5px solid #334155;border-radius:8px;padding:.7em 1em;font-size:1.08rem;font-family:inherit;outline:none;transition:border .2s,box-shadow .2s;resize:none}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #60a5fa;box-shadow:0 0 0 2px #33415544}.form-submit{background:#60a5fa;color:#fff;border:none;border-radius:8px;padding:.8em 1.6em;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;margin-top:.5rem}.form-submit:disabled{background:#334155;color:#a3a3a3;cursor:not-allowed}.form-error{color:#f87171;background:#232b39;border-radius:6px;padding:.5em 1em;font-size:1rem;margin-top:-.7rem}.form-success{color:#22d3ee;background:#232b39;border-radius:6px;padding:.5em 1em;font-size:1rem;margin-top:-.7rem}.contact-form-center{display:flex;justify-content:center;align-items:flex-start;width:100%}.footer-links{display:flex;justify-content:center;align-items:center;gap:2.2rem;margin-bottom:.7rem}.footer-icon{color:#93c5fd;width:28px;height:28px;transition:color .2s,transform .2s;display:block}.footer-links a:hover .footer-icon{color:#60a5fa;transform:scale(1.18)}.portfolio-section{scroll-margin-top:72px}.narrow-space{display:inline-block;width:.6ch}.typewriter-specialty{font-family:Source Code Pro,monospace;font-size:1.25rem;color:#a3e635;margin-top:.5rem;min-height:1.5em;letter-spacing:.01em;display:flex;align-items:center}.typewriter-specialty .cursor{display:inline-block;width:1ch;background:none;color:#60a5fa;animation:blink-cursor 1s steps(1) infinite}.hero-name span{white-space:pre-line}@media (max-width: 900px){.hero-content{flex-direction:column;align-items:stretch;min-height:unset}.hero-left,.hero-right{width:100%;padding-left:max(2vw,16px);padding-right:max(2vw,16px)}.hero-right{justify-content:flex-start;margin-top:1.5rem}.iphone-placeholder{width:180px;height:360px}.hero-name{font-size:2.1rem}.projects-section,.contact-section{padding:1.5rem .7rem 1.2rem}.carousel-slide{flex-direction:column;gap:2rem;padding:1.5rem 0}.device-frame{margin-left:0;margin-top:2rem}}@media (max-width: 600px){.hero-content{padding:1.2rem .2rem .7rem}.hero-left{padding-left:max(2vw,6px)}.hero-right{padding-right:max(2vw,6px)}.iphone-placeholder{width:120px;height:240px;font-size:.9rem}.hero-name{font-size:1.3rem}.projects-section,.contact-section{padding:.7rem .2rem}.mobile-frame{width:70px;height:140px}.monitor-frame{width:120px;height:78px}.project-icon{width:256px;height:256px;border-radius:18px}.footer-links{gap:1.2rem;margin-bottom:.5rem}.footer-icon{width:22px;height:22px}}@media (max-width: 700px){.portfolio-nav{flex-direction:column;gap:1rem}.portfolio-section{padding:1rem .5rem}h1{font-size:2rem}h2{font-size:1.2rem}.project-item{flex-direction:column;gap:1rem;align-items:flex-start;padding-bottom:1.5rem}.project-image{width:60px;height:60px;border-radius:12px}.contact-form{max-width:100%}.contact-form-center{justify-content:flex-start}}@media (max-width: 500px){.portfolio-header,.portfolio-footer{font-size:.95rem;padding:.75rem 0}.portfolio-section{margin-bottom:2rem;padding:.75rem .25rem}h1,h2{font-size:1.1rem}}