@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ffffff;--primary-light: #f5f5f5;--secondary: #000000;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #333333;--bg-white: #000000;--bg-gray: #111111;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-dark: rgba(255, 255, 255, .02);--shadow-sm: 0 1px 3px rgba(255, 255, 255, .1);--shadow-md: 0 4px 12px rgba(255, 255, 255, .1);--shadow-lg: 0 8px 25px rgba(255, 255, 255, .15);--shadow-glass: 0 8px 32px rgba(255, 255, 255, .1);--blur: blur(20px)}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background:#000;font-size:16px;font-weight:400;cursor:none!important}@media(min-width:769px){*,*:before,*:after{cursor:none!important}input[type=text],input[type=email],input[type=password],input[type=search],textarea{cursor:text!important}}@media(max-width:768px){body{cursor:auto!important}*,*:before,*:after{cursor:auto!important}button,a,[role=button]{cursor:pointer!important}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:80px 0}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.text-center{text-align:center}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.text-4xl{font-size:40px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-white{background:#000}.bg-gray{background:#111}.bg-black{background:#fff}.bg-glass{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.bg-glass-dark{background:var(--bg-glass-dark);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.border{border:1px solid var(--border)}.border-glass{border:1px solid rgba(255,255,255,.2)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glass{box-shadow:var(--shadow-glass)}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-8{margin-top:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Montserrat,sans-serif}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.btn-secondary:hover{background:var(--bg-glass-dark);transform:translateY(-2px);box-shadow:var(--shadow-glass)}.card{background:var(--bg-glass);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.card:hover{box-shadow:var(--shadow-glass);transform:translateY(-4px);border-color:#0000001a}@media(max-width:768px){.container{padding:0 16px}.section{padding:80px 0}.section-sm{padding:60px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.text-4xl{font-size:32px}.text-3xl{font-size:28px}}.nav-desktop{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:50;display:none}@media(min-width:768px){.nav-desktop{display:block}}.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-radius:9999px;border:1px solid rgba(255,255,255,.1);padding:.5rem}.nav-container{position:relative}.nav-track{position:relative;display:flex;gap:.5rem}.nav-indicator{position:absolute;top:0;left:0;width:calc(20% - .4rem);height:100%;background-color:var(--primary-color);border-radius:9999px;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity}.nav-item{position:relative;padding:.75rem 1.5rem;background:transparent;border:none;color:#ffffffb3;font-size:.875rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:color .3s ease;white-space:nowrap;z-index:1}.nav-item:hover,.nav-item.active{color:#fff}.nav-text{position:relative;z-index:1}.nav-mobile{position:fixed;top:0;left:0;right:0;background-color:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:50;display:block}@media(min-width:768px){.nav-mobile{display:none}}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.nav-mobile-logo{font-weight:700;font-size:1.125rem;letter-spacing:-.025em;color:#fff}.mobile-toggle{display:flex;flex-direction:column;gap:.375rem;background:transparent;border:none;cursor:pointer;padding:.5rem;transition:transform .3s ease}.mobile-toggle.open{transform:rotate(90deg)}.hamburger-line{width:1.5rem;height:2px;background-color:#fff;transition:all .3s ease}.mobile-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(.375rem,.375rem)}.mobile-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.open{max-height:400px}.mobile-menu-content{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.mobile-nav-item{padding:1rem;background:transparent;border:none;color:#ffffffb3;font-size:1rem;font-weight:500;letter-spacing:.05em;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:.5rem}.mobile-nav-item:hover{background-color:#ffffff0d;color:#fff}.mobile-nav-item.active{background-color:var(--primary-color);color:#fff}.typing-animation{display:inline-block}.typing-cursor{display:inline-block;margin-left:2px}.typing-cursor.typing{animation:none;opacity:1}.typing-cursor.blinking{animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.projects-section{background:#000;padding:100px 0;overflow:hidden}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.section-subtitle{font-size:18px;color:#a0a0a0;max-width:600px;margin:0 auto;text-align:center;line-height:1.6}.projects-carousel-container{position:relative;width:100%;overflow:hidden;mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.projects-carousel{display:flex;gap:32px;animation:scroll 30s linear infinite;width:fit-content}.projects-carousel.paused{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}.project-card{flex-shrink:0;width:480px;height:360px;perspective:1000px;position:relative}.project-card-inner{width:100%;height:100%;background:#fff;border-radius:16px;padding:0;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06);overflow:hidden}.project-card:hover .project-card-inner{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.project-image-container{position:relative;width:100%;height:240px;overflow:hidden;margin-bottom:0}.project-image{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.23,1,.32,1)}.project-card:hover .project-image{transform:scale(1.05)}.project-info{padding:20px 24px 24px;color:#000;height:120px;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:18px;font-weight:700;margin-bottom:16px;color:#000;line-height:1.3}.project-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.project-tech{padding:4px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;font-size:11px;color:#666;font-weight:500}.project-tech-more{padding:4px 10px;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;font-size:11px;color:#888;font-weight:500}.from-purple-500.to-pink-500,.from-blue-500.to-cyan-500,.from-green-500.to-teal-500,.from-orange-500.to-red-500,.from-indigo-500.to-purple-500,.from-pink-500.to-rose-500,.from-blue-500.to-purple-500,.from-cyan-500.to-blue-500{background:#fff}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #0000004d;animation:slideUp .3s cubic-bezier(.23,1,.32,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;font-size:24px;color:#333}.modal-close:hover{background:#0000001a;transform:rotate(90deg)}.modal-body{padding:40px}.modal-header{margin-bottom:24px}.modal-title{font-size:28px;font-weight:700;color:#000;margin-bottom:12px;line-height:1.3}.modal-role{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-image-container{width:100%;height:400px;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.modal-image{width:100%;height:100%;object-fit:cover}.modal-description{margin-bottom:24px}.modal-description p{font-size:16px;color:#333;line-height:1.7}.modal-highlights{margin-bottom:24px}.modal-section-title{font-size:18px;font-weight:600;color:#000;margin-bottom:12px}.modal-highlights-list{list-style:none;padding:0;margin:0}.modal-highlight-item{font-size:14px;color:#555;margin-bottom:8px;padding-left:20px;position:relative;line-height:1.6}.modal-highlight-item:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:18px}.modal-tech{margin-bottom:24px}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.modal-tech-badge{padding:6px 14px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;font-size:13px;color:#333;font-weight:500}.modal-links{display:flex;gap:12px;padding-top:24px;border-top:1px solid #e0e0e0}.modal-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;flex:1;justify-content:center}.modal-link-github{background:#24292e;color:#fff}.modal-link-github:hover{background:#1a1e22;transform:translateY(-2px);box-shadow:0 8px 20px #24292e4d}.modal-link-live{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-link-live:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.project-popup,.project-popup-content,.project-popup-header,.project-popup-title,.project-role,.project-popup-links,.popup-link,.project-popup-body,.project-detailed-description,.project-highlights,.highlights-title,.highlights-list,.highlight-item,.project-popup-tech,.tech-title,.tech-stack,.tech-badge{display:none}@media(max-width:768px){.projects-section{padding:80px 0}.project-card{width:360px;height:320px}.projects-carousel{gap:24px}.project-image-container{height:200px}.project-info{padding:16px 20px 20px;height:120px}.project-title{font-size:16px}.project-description{font-size:12px}.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:95vh;border-radius:16px}.modal-body{padding:20px}.modal-close{top:12px;right:12px;width:36px;height:36px;font-size:20px}.modal-title{font-size:20px;margin-bottom:10px}.modal-role{font-size:11px;padding:5px 14px}.modal-header{margin-bottom:20px}.modal-image-container{height:200px;margin-bottom:20px;border-radius:10px}.modal-image{object-fit:contain;background:#f5f5f5}.modal-description{margin-bottom:20px}.modal-description p{font-size:14px;line-height:1.6}.modal-section-title{font-size:16px;margin-bottom:10px}.modal-highlights{margin-bottom:20px}.modal-highlight-item{font-size:13px;margin-bottom:6px}.modal-tech{margin-bottom:20px}.modal-tech-badge{font-size:11px;padding:5px 10px}.modal-links{flex-direction:column;padding-top:20px;gap:10px}.modal-link{width:100%;padding:10px 20px;font-size:13px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}}@media(max-width:480px){.modal-overlay{padding:5px}.modal-body{padding:16px}.modal-title{font-size:18px}.modal-image-container{height:180px;margin-bottom:16px}.modal-description p{font-size:13px}.modal-section-title{font-size:15px}.modal-highlight-item{font-size:12px}.modal-tech-badge{font-size:10px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.projects-carousel{animation:none}.project-card-inner,.project-image,.project-overlay,.project-link{transition:none}}.orbiting-circles{position:absolute;animation:orbit 20s linear infinite}.orbiting-circles.reverse{animation-direction:reverse}.orbiting-icon{position:absolute;left:50%;top:50%}.skills-section{background:#000;padding:100px 0;position:relative;overflow:hidden}.skills-title{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;color:#fff;margin-bottom:16px;text-align:center;line-height:1.1;letter-spacing:-.02em}.skills-subtitle{font-size:clamp(14px,4vw,18px);color:#a0a0a0;max-width:600px;margin:0 auto;text-align:center;line-height:1.5;padding:0 20px}.orbiting-container{position:relative;height:500px;display:flex;align-items:center;justify-content:center;margin:80px 0;max-width:100%;overflow:hidden}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.center-text{width:120px;height:120px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d}.center-label{font-size:14px;font-weight:600;color:#fff;text-align:center;letter-spacing:.5px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbiting-circles{border:1px solid rgba(255,255,255,.1);border-radius:50%}.orbiting-icon{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.orbiting-icon:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 8px 25px #ffffff1a}.orbiting-icon svg[color="#181717"]{color:#fff!important}.skills-list{margin-top:80px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:800px;margin:0 auto}.skill-category{text-align:center}.skill-category h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px}.skill-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill-tags span{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:14px;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.skill-tags span:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}@media(max-width:768px){.skills-section{padding:80px 0}.skills-title{font-size:clamp(1.6rem,7vw,2.2rem);margin-bottom:12px}.skills-subtitle{font-size:clamp(13px,4vw,16px);padding:0 16px;margin-bottom:20px}.orbiting-container{height:350px;margin:50px 0;padding:0 20px}.center-text{width:90px;height:90px}.center-label{font-size:11px}.skills-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}.skill-category h3{font-size:20px;margin-bottom:16px}.skill-tags span{font-size:13px;padding:6px 12px}}@media(max-width:480px){.skills-title{font-size:clamp(1.4rem,8vw,1.8rem);margin-bottom:10px}.skills-subtitle{font-size:clamp(12px,4vw,14px);padding:0 12px}.orbiting-container{height:300px;margin:40px 0;padding:0 15px}.center-text{width:80px;height:80px}.center-label{font-size:10px}.skills-grid{gap:25px;padding:0 16px}.skill-category h3{font-size:18px;margin-bottom:14px}.skill-tags span{font-size:12px;padding:5px 10px}}@media(max-width:360px){.skills-title{font-size:clamp(1.2rem,9vw,1.6rem);margin-bottom:8px;padding:0 10px}.skills-subtitle{font-size:clamp(11px,4vw,13px);padding:0 10px}.orbiting-container{height:280px;margin:35px 0;padding:0 10px}.center-text{width:70px;height:70px}.center-label{font-size:9px}.skills-grid{padding:0 12px;gap:20px}.skill-category h3{font-size:16px;margin-bottom:12px}.skill-tags span{font-size:11px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.orbiting-circles{animation:none}.orbiting-icon:hover,.skill-tags span:hover{transform:none}}.about-section-header{text-center:true;margin-bottom:2rem}.about-section-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.about-section-subtitle{color:var(--text-secondary);max-width:48rem;margin-left:auto;margin-right:auto}.about-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:center}.about-journey-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-text-container{display:flex;flex-direction:column;gap:1rem}.about-text{color:var(--text-secondary)}.about-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.about-highlight-card{text-align:center}.about-highlight-icon{font-size:1.875rem;color:var(--primary-color);margin-bottom:.75rem;display:flex;justify-content:center}.about-highlight-title{font-weight:600;margin-bottom:.5rem}.about-highlight-description{font-size:.875rem;color:var(--text-secondary)}@media(max-width:768px){.about-content-grid,.about-highlights-grid{grid-template-columns:1fr}}.contact-section{min-height:100vh;background:#000;padding:120px 0 80px;position:relative}.contact-header{text-align:center;margin-bottom:80px;max-width:600px;margin-left:auto;margin-right:auto}.contact-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.contact-subtitle{font-size:18px;line-height:1.6;color:#a0a0a0;max-width:500px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact-info{position:sticky;top:140px}.info-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:32px;letter-spacing:-.01em}.contact-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.contact-card{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.contact-icon{width:48px;height:48px;background:#ffffff14;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;transition:all .3s ease}.contact-card:hover .contact-icon{background:#ffffff1f;transform:scale(1.1)}.contact-details{flex:1}.contact-label{font-size:14px;font-weight:500;color:#a0a0a0;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:16px;font-weight:600;color:#fff;margin:0}.social-section{margin-top:48px}.social-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.social-links{display:flex;gap:16px}.social-link{width:56px;height:56px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#a0a0a0;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #0003}.contact-form-container{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001a}.form-header{margin-bottom:32px}.form-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.form-subtitle{font-size:16px;color:#a0a0a0;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#fff;letter-spacing:.3px}.form-input,.form-textarea{width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;color:#fff;font-family:Montserrat,sans-serif;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-input:focus,.form-textarea:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;transform:translateY(-1px)}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-input.error,.form-textarea.error{border-color:#ff4757;background:#ff47571a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.character-count{font-size:12px;color:#666;text-align:right;margin-top:-4px}.error-message{font-size:12px;color:#ff4757;font-weight:500;margin-top:-4px}.captcha-container{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px}.captcha-container>div{transform-origin:0 0}@media(max-width:480px){.captcha-container>div{transform:scale(.85)}}.submit-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:#fff;color:#000;border:none;border-radius:14px;font-size:16px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);letter-spacing:.3px;margin-top:8px}.submit-button:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button.success{background:#2ed573;color:#fff}.submit-button.success:hover{background:#26d467}.submit-button.error{background:#ff4757;color:#fff}.submit-button.error:hover{background:#ff3742}.status-message{padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;margin-top:8px}.status-message.success{background:#2ed5731a;border:1px solid rgba(46,213,115,.3);color:#2ed573}.status-message.error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:#ff4757}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:60px}.contact-info{position:static}.contact-form-container{padding:32px}}@media(max-width:768px){.contact-section{padding:100px 0 60px}.contact-header{margin-bottom:60px}.contact-title{font-size:clamp(2rem,8vw,2.5rem);margin-bottom:16px}.contact-subtitle{font-size:16px;line-height:1.5}.contact-content{gap:50px}.info-title{font-size:20px;margin-bottom:24px;text-align:center}.contact-cards{gap:16px;margin-bottom:40px}.contact-card{padding:20px 16px;border-radius:12px;flex-direction:column;text-align:center;gap:16px}.contact-icon{width:56px;height:56px;font-size:24px;margin:0 auto}.contact-details{text-align:center}.contact-label{font-size:12px;margin-bottom:6px}.contact-value{font-size:15px;word-break:break-all;line-height:1.4}.social-section{margin-top:40px;text-align:center}.social-title{font-size:16px;margin-bottom:16px}.social-links{justify-content:center;gap:20px}.social-link{width:60px;height:60px;font-size:26px}.contact-form-container{padding:24px 20px;border-radius:20px;margin:0 auto;max-width:100%}.form-header{margin-bottom:28px;text-align:center}.form-title{font-size:24px;margin-bottom:12px}.form-subtitle{font-size:15px;line-height:1.4}.form-row{grid-template-columns:1fr;gap:20px}.contact-form{gap:20px}.form-group{gap:10px}.form-label{font-size:13px}.form-input,.form-textarea{padding:16px 18px;font-size:16px;border-radius:10px}.form-textarea{min-height:140px}.submit-button{padding:18px 24px;font-size:16px;border-radius:12px;margin-top:12px}.status-message{padding:14px 18px;font-size:13px;border-radius:10px;line-height:1.4}}@media(max-width:480px){.contact-section{padding:80px 0 50px}.contact-header{margin-bottom:50px}.contact-content{gap:40px}.contact-form-container{padding:20px 16px;border-radius:16px}.form-title{font-size:22px}.form-subtitle{font-size:14px}.contact-card{padding:18px 14px;gap:14px}.contact-icon{width:52px;height:52px;font-size:22px}.contact-value{font-size:14px}.form-input,.form-textarea{padding:14px 16px;font-size:15px}.form-textarea{min-height:120px}.submit-button{padding:16px 20px;font-size:15px}.character-count,.error-message{font-size:11px}}@media(max-width:360px){.contact-card{padding:16px 12px}.contact-value{font-size:13px}.form-input,.form-textarea{padding:12px 14px;font-size:14px}}.app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-gray)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media(min-width:769px){*{cursor:none!important}input,textarea,select{cursor:text!important}}@media(max-width:768px){*{cursor:auto!important}input,textarea,select{cursor:text!important}button,a,.nav-item{cursor:pointer!important}}@media(min-width:769px)and (max-width:1024px){*{cursor:none!important}}.smooth-cursor{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.typing-cursor{color:inherit;font-weight:inherit;animation:blink 1s infinite}.typing-animation{display:inline-block;overflow:visible;line-height:inherit;min-height:1.3em;vertical-align:baseline}.aurora-text{background:linear-gradient(90deg,#ff0080,#7928ca,#0070f3 66%,#38bdf8);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:aurora 4s ease-in-out infinite;display:inline-block;position:relative}.aurora-text:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:aurora-shine 2s ease-in-out infinite;pointer-events:none}@keyframes blurInUp{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes aurora-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-blur-in-up{animation:blurInUp .8s cubic-bezier(.23,1,.32,1) forwards;opacity:0}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .6s cubic-bezier(.23,1,.32,1) forwards;opacity:0}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.hero-content{max-width:1200px;margin:0 auto;padding:120px 0 80px;display:flex;flex-direction:column;align-items:center}.hero-main{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;width:100%}.hero-text{text-align:left;max-width:500px;overflow:visible}.hero-name{margin-bottom:20px}.name-text{font-size:18px;font-weight:500;color:#888;margin-bottom:0;letter-spacing:.5px;text-transform:uppercase}.name-highlight{color:#fff;font-weight:700}.hero-heading{margin-bottom:40px;overflow:visible;padding-bottom:5px}.hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.2;color:#fff;margin-bottom:0;letter-spacing:-.02em;overflow:visible;padding-bottom:.1em}.gradient-text{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.announcement-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 20px;margin-bottom:32px;font-size:14px;color:#a0a0a0;transition:all .3s ease;cursor:pointer}.announcement-badge:hover{background:#ffffff14;border-color:#fff3;color:#fff}.badge-icon{font-size:16px}.badge-text{font-weight:500}.badge-arrow{font-size:12px;transition:transform .3s ease}.announcement-badge:hover .badge-arrow{transform:translate(4px)}.hero-subtitle{margin-bottom:32px}.animated-subtitle{font-size:24px;font-weight:500;color:#a0a0a0;letter-spacing:.5px}.hero-philosophy{margin-bottom:48px;display:flex;flex-direction:column;gap:8px}.philosophy-line{display:flex;justify-content:center}.philosophy-text{font-size:18px;font-weight:400;color:#666;font-style:italic;letter-spacing:.3px}.hero-description{margin-bottom:40px}.hero-description p{font-size:18px;line-height:1.6;color:#a0a0a0;max-width:600px;margin:0 auto}.highlight-text{color:#fff;font-weight:600}.hero-actions{display:flex;gap:20px;margin-bottom:0;flex-wrap:wrap}.btn-primary-hero{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;border:none;border-radius:14px;padding:18px 36px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-family:Montserrat,sans-serif;letter-spacing:.3px}.btn-primary-hero:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.btn-secondary-hero{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25);border-radius:14px;padding:18px 36px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-family:Montserrat,sans-serif;letter-spacing:.3px;position:relative;overflow:hidden}.btn-secondary-hero:hover:not(:disabled){background:#ffffff14;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff1a}.btn-secondary-hero:active:not(:disabled){transform:translateY(-1px)}.btn-secondary-hero:disabled{cursor:not-allowed;opacity:.8}.btn-secondary-hero.downloading{background:#3b82f61a;border-color:#3b82f680;color:#3b82f6}.btn-secondary-hero.download-complete{background:#22c55e1a;border-color:#22c55e80;color:#22c55e;animation:downloadSuccess .5s cubic-bezier(.23,1,.32,1)}.download-icon{transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-secondary-hero:hover .download-icon{transform:translateY(2px)}.btn-secondary-hero.download-complete .download-icon{animation:checkBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.download-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top:2px solid #3b82f6;border-radius:50%;animation:downloadSpin 1s linear infinite}.btn-secondary-hero.downloading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);animation:downloadProgress 1.5s ease-in-out}@keyframes downloadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes downloadSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 15px 35px #22c55e4d}to{transform:scale(1)}}@keyframes checkBounce{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes downloadProgress{0%{left:-100%}to{left:100%}}.hero-image{display:flex;justify-content:center;align-items:center}.profile-container{position:relative;display:flex;justify-content:center;align-items:center}.profile-image{width:380px;height:380px;border-radius:20px;overflow:hidden;position:relative;z-index:2;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 25px 50px #0006;transition:all .3s ease}.profile-image:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000080}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-glow{position:absolute;inset:-15px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:28px;z-index:1;opacity:.8;filter:blur(15px)}.tech-icons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.tech-icon{width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#a0a0a0;transition:all .3s ease;cursor:pointer}.tech-icon:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-4px)}@media(max-width:768px){.hero-content{padding:100px 0 60px}.hero-main{grid-template-columns:1fr;gap:50px;text-align:center}.hero-text{text-align:center;order:2;max-width:100%}.hero-image{order:1}.profile-image{width:280px;height:280px}.hero-name{margin-bottom:16px}.name-text{font-size:16px;letter-spacing:.4px}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}.hero-heading{margin-bottom:36px}.hero-actions{justify-content:center;gap:16px}.btn-primary-hero,.btn-secondary-hero{width:100%;max-width:300px;justify-content:center;padding:16px 28px;font-size:14px}}.nav-wrapper{perspective:1000px}.nav-container{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:60px;padding:6px;transform:translateZ(0);will-change:transform;box-shadow:0 8px 32px #0000004d}.nav-track{position:relative;display:flex;background:transparent;border-radius:54px;overflow:hidden;isolation:isolate}.nav-indicator{position:absolute;top:0;left:0;width:20%;height:100%;background:linear-gradient(135deg,#fff,#f8f9fa,#fff);border-radius:50px;transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:1;transform-origin:center;will-change:transform,opacity;box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.nav-indicator:before{content:"";position:absolute;inset:1px;background:linear-gradient(135deg,#f8f9fa,#fff,#f1f3f4);border-radius:49px;opacity:.9}.nav-item{position:relative;z-index:2;flex:1;padding:14px 20px;background:transparent;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Montserrat,sans-serif;overflow:hidden;will-change:transform;animation:navItemFadeIn .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay, 0ms);opacity:0;transform:translateY(10px)}@keyframes navItemFadeIn{to{opacity:1;transform:translateY(0)}}.nav-text{font-size:13px;font-weight:600;letter-spacing:.5px;color:#ffffffb3;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;z-index:1;text-transform:uppercase}.nav-item:hover .nav-text{color:#ffffffe6;transform:translateY(-1px);text-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-item.active .nav-text{color:#1a1a1a;font-weight:700;text-shadow:none}.nav-item:hover{transform:translateY(-2px) scale(1.05)}.nav-item.active:hover{transform:translateY(-1px) scale(1.02)}.nav-item:active{transform:translateY(0) scale(.98)}.nav-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:0}.nav-item:hover:before{width:100%;height:100%}.nav-item.active:before{display:none}.mobile-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mobile-toggle:hover{background:#ffffff26;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.mobile-toggle:active{transform:scale(.95)}.hamburger-line{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.mobile-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(6px)}.mobile-toggle.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.mobile-menu{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);border-top:1px solid transparent;background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 16px 16px;margin-top:8px}.mobile-menu.open{max-height:400px;border-top-color:#ffffff1a;padding-top:16px}.mobile-menu-content{padding:8px 16px 16px}.mobile-nav-item{display:block;width:100%;padding:16px 20px;font-size:15px;font-weight:600;letter-spacing:.3px;color:#ffffffb3;background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;font-family:Montserrat,sans-serif;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-bottom:4px;transform:translate(-20px);opacity:0;animation:mobileItemSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay, 0ms);position:relative;overflow:hidden}@keyframes mobileItemSlideIn{to{transform:translate(0);opacity:1}}.mobile-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mobile-nav-item:hover:before{left:100%}.mobile-nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px) scale(1.02);box-shadow:0 4px 12px #0000001a}.mobile-nav-item.active{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a1a1a;transform:translate(0);box-shadow:0 4px 12px #fff3}.mobile-nav-item.active:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:scale(1.02)}.-translate-x-1\/2{transform:translate(-50%)}.bg-white\/95{background:#fffffff2}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.border-black\/5{border-color:#0000000d}.tracking-tight{letter-spacing:-.025em}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.left-1\/2{left:50%}.transform,.-translate-x-1\/2{transform:translate(-50%)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.w-2{width:8px}.h-2{height:8px}.w-8{width:32px}.h-8{height:32px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-32{width:128px}.h-32{height:128px}.w-48{width:192px}.h-48{height:192px}.w-full{width:100%}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-6xl{max-width:1152px}.mx-auto{margin-left:auto;margin-right:auto}.pt-24{padding-top:96px}.pt-32{padding-top:128px}.pb-8{padding-bottom:32px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.top-4{top:16px}.top-6{top:24px}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.-bottom-2{bottom:-8px}.-right-2{right:-8px}.left-8{left:32px}.z-10{z-index:10}.z-50{z-index:50}.object-cover{object-fit:cover}.resize-none{resize:none}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:scale-125:hover{transform:scale(1.25)}.hover\:bg-gray:hover{background:var(--bg-gray)}.hover\:text-white:hover{color:#fff}.hover\:bg-primary:hover{background:var(--primary)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:scale-125{transform:scale(1.25)}.group:hover .group-hover\:bg-opacity-20{background-opacity:.2}.bg-opacity-0{background-opacity:0}.bg-opacity-20{background-opacity:.2}.bg-green-500{background:#10b981}.border-glass{border-color:#fff3}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l-4{border-left:4px solid}.border-primary{border-color:var(--primary)}.w-0\.5{width:2px}.flex-shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--primary)}.focus\:border-transparent:focus{border-color:transparent}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.hidden{display:none}.block{display:block}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.hero-philosophy{margin-bottom:56px;display:flex;flex-direction:column;gap:12px;max-width:400px}.philosophy-item{padding:12px 0}.philosophy-text{font-size:18px;font-weight:400;color:#a0a0a0;letter-spacing:.2px;font-style:normal;line-height:1.6}.hero-actions{display:flex;gap:16px;margin-bottom:0;flex-wrap:wrap}.tech-icons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:40px}