:root{--bg-color:#f2f2f2;--text-color:#000;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;scrollbar-width:none;margin:0;overflow-x:hidden}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh;position:relative}.homepage{background-color:#f2f2f2;width:100%;position:relative}.scroll-sections{width:calc(100% - 350px);margin-top:0;padding:40px 80px;transition:padding .3s}.scroll-sections.watch-mode{padding:40px 80px}.section{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.section h1{margin-bottom:1rem;font-size:4rem}.section h2{margin-bottom:1rem;font-size:3rem}.section p{color:#555;font-size:1.5rem}.watch-container{z-index:10;transform-origin:50%;justify-content:center;width:220px;height:100vh;display:flex;position:fixed;top:0;right:60px}.watchband-wrapper{justify-content:center;width:196px;display:flex;position:absolute;top:-10vh;bottom:-10vh;overflow:hidden}.watchband-img{object-fit:cover;width:auto;min-width:100%;height:100%}.watch-body-wrapper{justify-content:center;align-items:center;width:218px;height:223px;display:flex;position:absolute;top:15vh}.watch-screen-bg{z-index:1;background-color:#d9d9d9;border-radius:41px;width:163px;height:193px;position:absolute}.watch-screen-content{z-index:4;color:#fff;background-color:#000;border-radius:41px;flex-direction:column;width:165px;height:195px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 8px #000,inset 0 0 2px #ffffff4d}.watch-screen-content:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#fff0 100%);height:50%;position:absolute;top:0;left:0;right:0}.watch-body-img{z-index:3;object-fit:cover;pointer-events:none;width:218px;height:223px;position:absolute}.watch-menu{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:12px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.watch-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.watch-back-btn{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:inset 0 0 4px #00000080}.watch-time{flex-direction:column;align-items:flex-end;margin-right:4px;line-height:1.1;display:flex}.watch-time .time-text{color:#fff;letter-spacing:-.13px;font-size:13px;font-weight:700}.watch-time .time-accent{color:#0091ff;letter-spacing:-.28px;font-size:14px;font-weight:600}.watch-menu-title{color:#fff;margin-bottom:8px;padding-left:2px;font-size:12px;font-weight:700}.watch-menu-item{cursor:pointer;background:#262626;border-radius:11px;align-items:center;height:46px;margin-bottom:5px;padding:0 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.watch-menu-item:hover{background:#404040}.watch-footer{color:#858585;margin-top:6px;padding-left:2px;font-size:10px;line-height:1.2}.watch-corner-btn{object-fit:contain;cursor:pointer;border-radius:50%;width:100%;height:100%;transition:transform .2s,filter .2s}.watch-corner-btn:hover{filter:drop-shadow(0 2px 4px #00000080);transform:scale(1.1)}.projects-container{position:relative;overflow:hidden;align-items:center!important;padding:0!important}.projects-wrapper{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:40px;width:calc(100% - 220px);padding:10px 80px 40px;display:flex}.project-card{flex-direction:column;flex-shrink:0;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.phone-card{width:300px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin:0}.projects-header{text-align:left;width:100%;padding-top:38px;padding-left:115px;padding-right:80px}.projects-header h2{color:#111;letter-spacing:-1px;margin:0 0 10px;font-size:3rem;font-weight:800;line-height:1}.projects-header p{color:#666;margin:0;font-size:1.2rem}.scroll-hint{color:#0091ff;margin-top:20px;font-weight:700;animation:2s infinite bounceRight;font-size:1.2rem!important}@keyframes bounceRight{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(10px)}60%{transform:translate(5px)}}.phone-mockup{cursor:pointer;flex-shrink:0;width:250px;height:511px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.phone-mockup:hover{transform:scale(1.05)translateY(-10px)}.flip-phone{perspective:1200px}.flip-phone:focus-visible{outline:none}.flip-phone:hover{transform:translateY(-8px)}.phone-flip-stage{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative}.flip-phone.is-flipped .phone-flip-stage{transform:rotateY(180deg)}.phone-face{backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset:0}.phone-back-face{transform:rotateY(0)}.phone-front-face{transform:rotateY(180deg)}.robotaxi-tools-art{border-radius:30px;overflow:hidden}.tool-hotspots{z-index:5;pointer-events:none;position:absolute;inset:0}.tool-hotspot{width:56px;height:56px;box-shadow:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .22s,filter .22s;display:flex;position:absolute}.tool-hotspot img{object-fit:contain;pointer-events:none;width:100%;height:100%}.tool-hotspot:hover,.tool-hotspot:focus-visible,.tool-hotspot.is-active{filter:drop-shadow(0 12px 14px #00000038);outline:none;transform:translateY(-4px)scale(1.06)}.tool-hotspot-1{width:48px;height:48px;top:5%;left:45.5%}.tool-hotspot-1:hover,.tool-hotspot-1:focus-visible,.tool-hotspot-1.is-active{transform:translateY(-4px)scale(1.06)}.tool-hotspot-2{width:30px;height:30px;top:19.6%;left:51%}.tool-hotspot-2:hover,.tool-hotspot-2:focus-visible,.tool-hotspot-2.is-active{transform:translateY(-4px)scale(1.06)}.tool-hotspot-3{width:55px;height:55px;top:9.5%;left:58.8%}.tool-description-panel{z-index:4;color:#1d1d1f;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#ffffffe6;border:1px solid #adadab73;border-radius:25px;min-height:148px;padding:18px;position:absolute;top:39.8%;left:31px;right:31px;box-shadow:0 13px 30px #00000014}.tool-description-panel span{margin-bottom:7px;font-size:16px;font-weight:800;display:block}.tool-description-panel p{color:#555;margin:0;font-size:13px;line-height:1.48}.tech-stack-icon{opacity:0;z-index:0;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;box-shadow:0 10px 20px #00000026}.tech-stack-icon img{object-fit:contain;width:30px;height:30px}.icon-1,.icon-2{top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.phone-mockup:hover .tech-stack-icon{z-index:4;pointer-events:auto}.phone-mockup:hover .icon-1{opacity:1;transform:translate(-170px,-90px)scale(1)}.phone-mockup:hover .icon-2{opacity:1;transform:translate(-170px,60px)scale(1)}.tech-stack-desc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;color:#444;text-align:left;background:#fffffff2;border-radius:12px;width:240px;margin-right:20px;padding:16px 20px;font-size:.9rem;line-height:1.5;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:100%;transform:translateY(-50%)translate(10px);box-shadow:0 10px 30px #0000001a}.tech-stack-desc strong{color:#111;margin-bottom:6px;font-size:1.1rem;display:block}.tech-stack-icon:hover .tech-stack-desc{opacity:1;transform:translateY(-50%)translate(0)}.phone-frame{z-index:2;pointer-events:none;filter:drop-shadow(0 20px 40px #00000026);width:100%;height:100%;position:absolute;top:0;left:0}.phone-screen{z-index:1;border-radius:7.1%;width:89.33%;height:95%;position:absolute;top:2.5%;left:5.33%;overflow:hidden}.phone-screen-inner{background-color:#1a1a2e;width:100%;height:100%}.phone-project-info{text-align:center;padding:10px 10px 0}.phone-project-info h3{color:#111;margin-bottom:8px;font-size:1.4rem;font-weight:700}.phone-project-info p{color:#555;margin-bottom:12px;font-size:.95rem;line-height:1.5}.take-me-to-project-btn{color:#fff;cursor:pointer;background-color:#111217;border:none;border-radius:30px;margin-top:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) forwards projectBtnFadeIn;display:inline-block;box-shadow:0 4px 12px #0000001a}.take-me-to-project-btn:hover{background-color:#2a2c35;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #00000026}.take-me-to-project-btn:active{transform:translateY(0)scale(.98)}@keyframes projectBtnFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-tags{justify-content:center;gap:10px;margin-top:10px;display:flex}.project-tags span{color:#333;letter-spacing:.5px;text-transform:uppercase;background:#f0f0f0;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.modern-navbar{z-index:100;align-items:center;transition:opacity .5s;display:flex;position:absolute;top:40px;right:60px}.modern-navbar.hidden{opacity:0;pointer-events:none}.nav-content{align-items:center;display:flex}.nav-links{align-items:center;gap:30px;display:flex}.nav-link{color:#666;letter-spacing:.3px;font-size:1rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-link:hover{color:#000}.nav-button-reset{cursor:pointer;color:#666;letter-spacing:.3px;background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:400;transition:color .2s}.nav-button-reset:hover{color:#000}.nav-actions{align-items:center;gap:16px;padding-right:10px;display:flex}.watch-toggle-btn{cursor:pointer;color:#0084ff;background:#ffffffb3;border:1px solid #0084ff4d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.watch-toggle-btn:hover{color:#fff;background:#0084ff;transform:translateY(-1px);box-shadow:0 4px 12px #0084ff33}.name-text{background:linear-gradient(135deg,#1a1a1a 0%,#0084ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.4px;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.watch-dial-btn{cursor:pointer;z-index:20;border-radius:10px;width:25px;height:45px;transition:background .2s;position:absolute;top:22%;right:-5px}.watch-dial-btn:hover{background:#ffffff26}.youtube-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.youtube-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border-radius:18px;width:90%;max-width:320px;padding:32px 32px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #0000000d}.youtube-modal h3{color:#1d1d1f;letter-spacing:-.2px;margin-bottom:8px;font-size:1.1rem;font-weight:700}.youtube-modal p{color:#515154;margin-bottom:24px;font-size:.9rem;line-height:1.4}.modal-actions{border-top:1px solid #0000001a;flex-direction:row;margin:0 -32px -24px;display:flex}.btn-cancel{color:#007aff;cursor:pointer;background:0 0;border:none;border-right:1px solid #0000001a;border-radius:0 0 0 18px;flex:1;padding:16px 0;font-size:1.05rem;font-weight:400;transition:background .2s}.btn-cancel:hover{background:#0000000d}.btn-confirm{color:#007aff;cursor:pointer;background:0 0;border:none;border-radius:0 0 18px;flex:1;padding:16px 0;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-confirm:hover{background:#0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.footer{color:#666;justify-content:space-between;align-items:flex-end;width:100%;padding:40px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;display:flex}.footer-left{flex-direction:column;gap:12px;display:flex}.footer-left>span{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;font-weight:600}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{color:#666;align-items:center;gap:8px;text-decoration:none;transition:color .2s;display:flex}.footer-links a:hover{color:#000}.footer-right{align-items:center;gap:8px;display:flex}@media (width<=1024px){.scroll-sections,.scroll-sections.watch-mode,.projects-wrapper{width:100%;padding:40px}.watch-container{right:0;transform:scale(.7)}.projects-header{padding-left:40px;padding-right:40px}}@media (width<=768px){.scroll-sections,.scroll-sections.watch-mode{padding:20px}.projects-wrapper{justify-content:center;padding:20px}.projects-header{padding-left:20px;padding-right:20px}.modern-navbar{top:20px;right:20px}.nav-links{gap:15px}.watch-container{right:-30px;transform:scale(.5)}.phone-card{width:100%;max-width:300px}.footer{text-align:center;flex-direction:column;gap:20px;padding:30px 20px}.footer-left{align-items:center}.section h1{font-size:2.5rem}.section h2,.projects-header h2{font-size:2rem}.section p,.projects-header p{font-size:1rem}}.about-me-container{align-items:center;width:100%;max-width:1200px;min-height:800px;margin:0 auto;padding-left:20px;display:flex;position:relative;overflow:visible}.about-me-content{color:#000;z-index:2;flex-direction:column;gap:28px;width:100%;max-width:562px;font-family:Gelica,sans-serif;display:flex;position:relative}.about-me-title{color:#95b7c6;margin:0;font-size:40px}.about-me-text{margin:0;font-size:28px;line-height:1.4}.color-code{color:#95b7c6}.about-me-blue-text{color:#95b7c6;margin:0;font-size:28px;line-height:1.4}.sticker{cursor:grab;touch-action:none;z-index:5;position:absolute}.sticker:active{cursor:grabbing}.mango-sticker{width:155px;top:100px;right:150px}.ice-cream-sticker{width:273px;top:350px;right:250px}.wave-sticker{width:257px;top:250px;right:20px}.robotaxi-project-page{color:#000;box-sizing:border-box;background-color:#fff;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:clip}.project-main-content{box-sizing:border-box;flex-direction:column;gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:38px 80px;display:flex}.project-hero{text-align:left}.hero-title{color:#000;margin:0 0 5px;font-size:30px;font-weight:500}.hero-subtitle{color:#000;margin:0;font-size:20px}.project-section{flex-direction:column;gap:40px;display:flex}.section-title{color:#000;margin:0;font-size:28px;font-weight:500}.references-gallery{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.phone-ref{object-fit:cover;object-position:center;border-radius:0;height:550px}.assets-grid{justify-content:space-between;align-items:flex-start;gap:0;display:flex}.assets-col{flex-direction:column;flex:1;gap:38px;display:flex}.center-col{flex-direction:column;flex:1;align-items:center;display:flex}.right-col{padding-top:0}.asset-image{object-fit:contain;width:100%}.large-asset{max-width:500px}.tall-asset{max-width:300px;margin-top:-270px}.apple-font-info{flex-direction:column;gap:20px;display:flex}.font-name{color:#898989;margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:600}.symbols-info{flex-direction:column;gap:5px;display:flex}.symbols-name{color:#898989;margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:600}.symbols-info a{color:#898989;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;text-decoration:none}.symbols-info a:hover{text-decoration:underline}.demo-section{padding-top:40px}.demo-rows-container{flex-direction:column;gap:80px;margin-top:20px;display:flex}.demo-block-row,.demo-block-row-two{align-items:flex-start;gap:40px;display:flex}.demo-image{object-fit:cover;border-radius:46px;flex:0 0 300px;align-self:flex-start;width:300px;height:620px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.demo-text-col{flex-direction:column;flex:1;gap:15px;display:flex}.demo-subtitle{color:#000;margin:0;font-size:22px;font-weight:500}.demo-text-col p{color:#333;margin:0;font-size:18px;line-height:1.5}@media (width<=1000px){.references-gallery{flex-wrap:wrap}.ref-image{max-width:calc(50% - 10px);margin-bottom:20px}.assets-grid{flex-direction:column}.demo-block-row,.demo-block-row-two{flex-direction:column;align-items:center}.demo-image{width:100%;max-width:350px}.project-main-content{padding:60px 40px}}@media (width<=768px){.project-main-content{padding:40px 20px}.ref-image{max-width:100%}.assets-grid{gap:20px}.hero-title{font-size:24px}.hero-subtitle{font-size:16px}.section-title{font-size:22px}}