@import"https://fonts.cdnfonts.com/css/sf-pro-display";:root{--bg-color: #ffffff;--grid-color: rgba(0, 0, 0, .08);--text-primary: #111111;--text-secondary: #6E6E73;--accent-blue: #2997ff;--accent-blue-light: #5eacff;--accent-blue-glow: rgba(41, 151, 255, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;position:fixed;top:0;width:100%;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.nav-left{display:flex;align-items:center;gap:3rem}.nav-brand{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.nav-menu{display:flex;gap:2rem}.nav-menu a{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:1rem;transition:color .3s ease}.nav-menu a:hover{color:var(--accent-blue)}.nav-links{display:flex;gap:1.5rem;align-items:center}.social-icon{color:var(--text-primary);transition:all .3s ease}.social-icon:hover{color:var(--accent-blue);transform:translateY(-2px)}.grid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;z-index:-2}.glow-orb{position:fixed;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.5;animation:float 10s ease-in-out infinite alternate}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-blue-glow),transparent);top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,112,243,.1),transparent);bottom:10%;right:10%;animation-delay:-5s}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{display:flex;width:100%;min-height:100vh;padding-top:5rem;justify-content:space-between;align-items:center;gap:4rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:4rem;box-shadow:0 25px 50px -12px #0000001a;flex:1;max-width:700px;transform:translateY(20px);opacity:0;animation:panel-entrance 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes panel-entrance{to{transform:translateY(0);opacity:1}}.hero-image{flex:0 0 auto}.photo-container{position:relative;width:350px;height:450px;border-radius:24px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000026;background:var(--glass-bg);display:flex;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .5s ease}.photo-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -10px #0003;border-color:var(--glass-border)}.hero-photo{width:100%;height:100%;object-fit:cover;display:block}.typing-container{display:flex;align-items:center;margin-bottom:2rem;min-height:60px}.typing-text{font-size:3rem;font-weight:800;margin:0}.text-black{color:#111}.text-orange{color:#ff7a00}.cursor{font-size:3.5rem;font-weight:300;color:#6e6e73;margin-left:5px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}p{font-size:1.25rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1rem}.highlight{color:var(--text-primary);font-weight:600;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent-blue);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight:hover:after{transform:scaleX(1);transform-origin:left}.fade-in-text{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.fade-in-text.visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.25s}.delay-3{transition-delay:.4s}.delay-4{transition-delay:.55s}.cta-container{margin-top:3rem;display:flex;gap:1.5rem}.btn{padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-glass{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #0000000d,inset 0 0 0 1px #ffffff80;color:var(--text-primary)}.btn-glass:hover{background:#fffc;box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #fffc;transform:translateY(-3px)}@media (max-width: 968px){.about{flex-direction:column-reverse;gap:2rem}.hero{flex-direction:column-reverse;text-align:center;gap:2rem}.glass-panel{padding:2.5rem}.typing-container,.cta-container{justify-content:center}.hologram-container{width:250px;height:320px}}@media (max-width: 768px){.typing-text{font-size:2rem}.cursor{font-size:2.5rem}p{font-size:1.1rem}.cta-container{flex-direction:column}}.about{width:100%;padding:2rem 0 6rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}.about-visual{flex:1;display:flex;justify-content:center;align-items:center}.about-panel{flex:1;max-width:780px;margin:0;padding:2.5rem 3.5rem}.sphere-container{perspective:1000px;width:280px;height:280px}.sphere{width:100%;height:100%;position:relative;transform-style:preserve-3d}.ring{position:absolute;top:0;left:0;width:100%;height:100%;border:1.5px solid rgba(17,17,17,.4);border-radius:50%}.sphere:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:#111;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #111c}@keyframes rotate-sphere{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary)}.about-text{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.tech-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.tech-list{list-style-type:none;padding:0}.tech-list li{font-size:1.15rem;color:var(--text-secondary);margin-bottom:.8rem;position:relative;padding-left:1.5rem}.tech-list li:before{content:"•";color:#111;position:absolute;left:0;top:0;font-size:1.2rem;font-weight:700}.projects{width:100%;padding:3rem 0 8rem}.carousel-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-top:1rem}.carousel-track-container{overflow:hidden;width:100%;max-width:800px;border-radius:24px}.carousel-track{display:flex;list-style:none;transition:transform .6s cubic-bezier(.2,.8,.2,1);padding:0;margin:0}.carousel-slide{min-width:100%;box-sizing:border-box;padding:0 1rem}.project-card{display:flex;flex-direction:column;padding:0;overflow:hidden;margin:1rem 0;max-width:none;animation:none;transform:none;opacity:1}.project-image-placeholder{width:100%;background:#fff;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-size:1.25rem;font-weight:500}.project-details{display:flex;flex-direction:column;background:var(--glass-bg)}.project-footer{display:flex;align-items:center}.carousel-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);color:var(--text-primary);transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:#0000000d}.prev-btn{left:0}.next-btn{right:0}.footer{width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);padding:2.5rem 0;margin-top:5rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:1rem;color:var(--text-secondary);margin-bottom:0}.footer-links{display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}