:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#151c2c;--bg-card-hover:#1a2236;--bg-elevated:#1e2740;--text-primary:#e8ecf4;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-heading:#f1f5f9;--accent-pink:#e8657a;--accent-pink-hover:#f07a8e;--accent-cyan:#38bdf8;--accent-cyan-hover:#5ccbfa;--accent-purple:#a78bfa;--accent-green:#34d399;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--gradient-primary:linear-gradient(135deg, #e8657a, #a78bfa);--gradient-card:linear-gradient(135deg, #151c2ccc, #1e274099);--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-accent:"Caveat", cursive;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--fs-hero:clamp(3rem, 8vw, 6rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(4rem, 10vh, 8rem);--max-width:1100px;--nav-height:70px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow-pink:0 0 20px #e8657a26;--shadow-glow-cyan:0 0 20px #38bdf826;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;transition:color var(--transition-base);text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);font-weight:700;line-height:1.2}.container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-section) 0}.section-heading{font-size:clamp(1.75rem, 4vw, var(--fs-4xl));margin-bottom:var(--space-lg);color:var(--text-heading);font-weight:700}.section-subtext{color:var(--text-secondary);font-size:var(--fs-base);max-width:600px;line-height:1.8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::selection{color:var(--text-heading);background-color:#e8657a4d}@media (width<=768px){:root{--nav-height:64px;--space-section:clamp(3.5rem, 8vh, 5.5rem)}.container{padding:0 1.25rem}.section-heading{margin-bottom:var(--space-md);font-size:clamp(1.6rem,5.5vw,2.25rem)}.section-subtext{font-size:.925rem;line-height:1.65}}@media (width<=480px){.container{padding:0 1rem}}.navbar{width:100%;height:var(--nav-height);z-index:1000;transition:background-color var(--transition-base), box-shadow var(--transition-base);position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border-color);background-color:#0a0e1aeb}.navbar-inner{max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-accent);color:#fff;align-items:center;gap:var(--space-sm);cursor:pointer;transition:color var(--transition-base);font-size:1.5rem;font-weight:700;display:flex}.navbar-logo:hover{color:var(--accent-cyan)}.navbar-links{align-items:center;gap:var(--space-xl);display:flex}.navbar-link{font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--transition-base);padding:4px 8px;font-weight:500;position:relative}.navbar-link:after{content:"";background:var(--accent-cyan);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.navbar-link:hover,.navbar-link.active{color:var(--accent-cyan)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background-color:var(--text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.navbar-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-2xl);z-index:999;background-color:#0a0e1af7;flex-direction:column;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.navbar-mobile-menu.open{display:flex}.navbar-mobile-link{font-family:var(--font-heading);font-size:var(--fs-2xl);color:var(--text-secondary);transition:color var(--transition-base);font-weight:500}.navbar-mobile-link:hover{color:var(--accent-pink)}@media (width<=768px){.navbar-inner{padding:0 1.25rem}.navbar-links{display:none}.navbar-hamburger{display:flex}.navbar-mobile-menu{gap:var(--space-xl);height:100dvh;min-height:100vh}.navbar-mobile-link{font-size:1.5rem}}@media (width<=480px){.navbar-inner{padding:0 1rem}.navbar-logo{font-size:1.35rem}}.hero{align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-background img{object-fit:cover;object-position:60% center;width:100%;height:100%}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a0e1ae0 0%,#0a0e1a9e 38%,#0a0e1a2e 68%,#0a0e1a59 100%),linear-gradient(#0000 45%,#0a0e1a80 80%,#0a0e1a 100%),linear-gradient(#0a0e1a80 0%,#0000 18%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:var(--max-width);padding:0 var(--space-xl);width:100%;margin:0 auto;padding-bottom:clamp(3rem,8vh,5rem);position:relative}.hero-name{font-family:var(--font-accent);color:#fff;margin-bottom:var(--space-md);letter-spacing:0;transform-origin:0;text-shadow:0 2px 16px #0009;font-size:clamp(3.5rem,8vw,6.2rem);font-weight:700;line-height:1.02;display:inline-block;transform:rotate(-2deg)}.hero-role{font-family:var(--font-mono);color:#ffffffbf;letter-spacing:3px;margin-bottom:var(--space-md);text-transform:uppercase;font-size:clamp(.75rem,1.2vw,.85rem);font-weight:500}.hero-tagline{color:#ffffffd1;max-width:440px;margin-bottom:var(--space-2xl);font-size:clamp(.875rem,1.3vw,1rem);font-weight:400;line-height:1.7}.hero-buttons{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.hero-btn{font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-base);font-weight:600;font-family:var(--font-body);align-items:center;gap:var(--space-sm);border-radius:9999px;padding:12px 30px;display:inline-flex}.hero-btn-primary{color:#0a0e1a;background:#fff;border:1px solid #fff;box-shadow:0 4px 15px #00000040}.hero-btn-primary:hover{color:#0a0e1a;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.hero-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff47}.hero-btn-secondary:hover{color:#fff;background:#ffffff29;border-color:#ffffff80;transform:translateY(-2px)}.hero-scroll{align-items:center;gap:var(--space-sm);color:#fff9;font-size:var(--fs-sm);cursor:pointer;transition:color var(--transition-base);display:flex}.hero-scroll:hover{color:#fff}.hero-scroll-icon{animation:2s infinite bounce}@media (width<=768px){.hero{align-items:flex-end;min-height:100svh}.hero-background img{object-position:72% center}.hero-overlay{background:linear-gradient(#0a0e1a66 0%,#0a0e1a8c 30%,#0a0e1aeb 70%,#0a0e1a 100%)}.hero-content{padding:0 1.25rem 2rem}.hero-name{font-size:clamp(2.4rem,11vw,3.8rem);transform:rotate(-1deg)}.hero-role{letter-spacing:2px;margin-bottom:var(--space-sm);font-size:.75rem}.hero-tagline{margin-bottom:var(--space-xl);font-size:.925rem;line-height:1.6}.hero-buttons{gap:var(--space-sm);width:100%;margin-bottom:var(--space-xl);flex-direction:column}.hero-btn{text-align:center;justify-content:center;width:100%;padding:13px 24px}}@media (width<=480px){.hero-content{padding:0 1rem 1.75rem}.hero-name{font-size:clamp(2.2rem,10.5vw,3rem)}}.about{background-color:var(--bg-primary);padding:var(--space-section) 0;position:relative;overflow:hidden}.about-card{background:#090e1a;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:1.15fr .9fr;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 40px -10px #0000008c}.about-left{z-index:1;flex-direction:column;justify-content:center;min-width:0;padding:clamp(2.25rem,5vw,3.5rem);display:flex}.about-tag-number{color:#38bdf8;font-weight:700}.about-tag-label{color:#e2e8f0}.about-heading{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(2rem,3.8vw,2.75rem);font-weight:700;line-height:1.14}.about-bio{color:#94a3b8;margin-bottom:1rem;font-size:.925rem;line-height:1.7}.about-bio:last-of-type{margin-bottom:1.5rem}.about-info-list{flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.about-info-item{align-items:center;gap:.85rem;display:flex}.about-info-icon{color:#38bdf8;flex-shrink:0;width:18px;font-size:1.15rem}.about-info-label{font-family:var(--font-mono);color:#64748b;min-width:75px;font-size:.825rem;font-weight:500}.about-info-value{color:#f1f5f9;font-size:.875rem}.about-info-value a{color:#f1f5f9;transition:color var(--transition-fast)}.about-info-value a:hover{color:#38bdf8}.about-right{clip-path:polygon(0 0,100% 0,100% 100%,55px 100%);filter:drop-shadow(-8px 0 16px #00000073);background:#0d1527;width:calc(100% + 55px);height:100%;min-height:500px;margin-left:-55px;position:relative;overflow:hidden}.about-character-img{object-fit:cover;object-position:45% center;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.about-image-overlay{pointer-events:none;background:linear-gradient(90deg,#090e1a73 0%,#0000 20% 80%,#090e1a40 100%),linear-gradient(#0000 70%,#090e1a8c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.about-japanese{writing-mode:vertical-rl;text-orientation:upright;color:#ffffffe6;letter-spacing:12px;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 2px 10px #000000e6,0 0 16px #000c;z-index:2;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;font-size:1.12rem;font-weight:600;position:absolute;top:50%;right:26px;transform:translateY(-50%)}@media (width<=900px){.about-card{border-radius:16px;grid-template-columns:1fr}.about-left{padding:2.25rem 1.5rem}.about-right{clip-path:none;filter:none;width:100%;height:380px;min-height:380px;margin-left:0}.about-character-img{object-position:center 25%}.about-japanese{letter-spacing:9px;font-size:1rem;right:20px}}@media (width<=600px){.about-left{padding:1.75rem 1.25rem}.about-heading{margin-bottom:1.25rem;font-size:clamp(1.65rem,6.5vw,2.2rem)}.about-bio{font-size:.88rem;line-height:1.65}.about-right{height:320px;min-height:320px}.about-info-list{gap:.85rem}.about-info-item{flex-wrap:wrap;gap:.2rem .6rem}.about-info-value{word-break:break-word}}@media (width<=420px){.about-left{padding:1.5rem 1rem}.about-right{height:280px;min-height:280px}}.projects{background-color:var(--bg-primary)}.projects-header{margin-bottom:var(--space-3xl)}.projects-grid{gap:var(--space-2xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{border-radius:var(--radius-lg);transition:all var(--transition-base);background:#111827;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 10px 30px #0006,0 0 20px #38bdf81a}.project-image-wrapper{aspect-ratio:16/9;background-color:#090e1a;width:100%;position:relative;overflow:hidden}.project-cover-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-cover-img{transform:scale(1.05)}.project-cover-overlay{pointer-events:none;width:100%;height:100%;transition:background var(--transition-base);background:linear-gradient(#090e1a40 0%,#090e1a26 50%,#090e1a99 100%);position:absolute;top:0;left:0}.project-card:hover .project-cover-overlay{background:linear-gradient(#090e1a26 0%,#090e1a0d 50%,#090e1a73 100%)}.project-logo-badge{z-index:2;transition:transform var(--transition-base);align-items:center;display:flex;position:absolute;top:16px;left:16px}.project-card:hover .project-logo-badge{transform:translateY(-2px)}.project-logo-img{display:block}.project-logo-circle{clip-path:circle(48.5%);background:#090e1a;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 18px #f59e0b66,0 2px 8px #000c}.project-logo-square{object-fit:cover;background:#000;border:1px solid #ffffff2e;border-radius:10px;width:44px;height:44px;box-shadow:0 4px 18px #e11d4859,0 2px 8px #000c}.project-live-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-cyan);transition:all var(--transition-base);z-index:2;background:#0a0e1abf;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:5px;padding:6px 14px;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:16px;right:16px}.project-live-link:hover{border-color:var(--accent-cyan);color:#fff;background:#38bdf833;transform:translateY(-1px)}.project-body{padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.project-title{color:#fff;margin-bottom:4px;font-size:1.35rem;font-weight:700}.project-subtitle{font-size:var(--fs-sm);color:#fff9;margin-bottom:var(--space-md);font-weight:400}.project-description{color:#ffffffbf;margin-bottom:var(--space-lg);flex:1;font-size:.875rem;line-height:1.65}.project-tags{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:#ffffffbf;font-size:.75rem;font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:4px 12px}.project-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.project-footer{padding-top:var(--space-md);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.project-date{color:#ffffff80;font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.project-date-icon{font-size:.85rem}.project-type{color:#ffffff80;font-size:.75rem;font-style:italic}@media (width<=850px){.projects-grid{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=600px){.project-body{padding:1.25rem}.project-title{font-size:1.2rem}.project-subtitle{margin-bottom:var(--space-sm);font-size:.825rem}.project-description{margin-bottom:var(--space-md);font-size:.85rem;line-height:1.6}.project-tags{margin-bottom:var(--space-md);gap:6px}.project-tag{padding:3px 10px;font-size:.7rem}.project-footer{flex-wrap:wrap;gap:6px}}@media (width<=480px){.project-logo-badge{top:12px;left:12px}.project-logo-circle,.project-logo-square{width:38px;height:38px}.project-live-link{padding:5px 12px;font-size:.7rem;top:12px;right:12px}}.skills{background-color:var(--bg-primary)}.skills-grid-top{gap:var(--space-xl);margin-top:var(--space-3xl);grid-template-columns:repeat(3,1fr);display:grid}.skills-grid-bottom{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.skill-category{padding:var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-base);background:#111827;border:1px solid #ffffff14}.skill-category:hover{border-color:#38bdf840;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.skill-category-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.skill-category-icon{color:var(--accent-cyan);font-size:1.35rem}.skill-category-title{color:#fff;font-size:1rem;font-weight:600}.skill-list{flex-direction:column;gap:8px;display:flex}.skill-item{color:#ffffffbf;transition:color var(--transition-fast);font-size:.875rem}.skill-item:hover{color:var(--accent-cyan)}@media (width<=900px) and (width>=601px){.skills-grid-top,.skills-grid-bottom{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.skills-grid-top{margin-top:var(--space-xl)}.skills-grid-bottom{margin-top:var(--space-md)}}@media (width<=600px){.skills-grid-top,.skills-grid-bottom{gap:var(--space-md);grid-template-columns:1fr}.skills-grid-top{margin-top:var(--space-xl)}.skills-grid-bottom{margin-top:var(--space-md)}.skill-category{padding:1.25rem}.skill-category-header{margin-bottom:var(--space-md)}}.experience{background-color:var(--bg-primary)}.experience-content{margin-top:var(--space-3xl);max-width:900px}.experience-timeline{padding-left:var(--space-2xl);position:relative}.experience-timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-cyan), #38bdf81a);border-radius:2px;width:2px;height:calc(100% - 10px);position:absolute;top:10px;left:6px}.experience-item{padding-bottom:var(--space-2xl);position:relative}.experience-item:last-child{padding-bottom:var(--space-xl)}.experience-dot{left:calc(-1 * var(--space-2xl) + 2px);background:var(--accent-cyan);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;box-shadow:0 0 10px #38bdf899}.experience-header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:4px;display:flex}.experience-title-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.experience-role{color:#fff;font-size:1.05rem;font-weight:600}.experience-separator{color:#fff6}.experience-company{color:#ffffffd9;font-size:1.05rem}.experience-company a{color:#fff;text-underline-offset:3px;transition:all var(--transition-base);-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.experience-company a:hover{color:var(--accent-cyan);-webkit-text-decoration-color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.experience-type-badge{white-space:nowrap;color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf833;border-radius:9999px;padding:3px 12px;font-size:.75rem;font-weight:500}.experience-date{color:#ffffff80;font-size:.8rem;font-family:var(--font-mono);margin-bottom:var(--space-sm)}.experience-details{margin-top:var(--space-sm)}.experience-detail{color:#ffffffb3;padding-left:var(--space-md);margin-bottom:4px;font-size:.875rem;line-height:1.65;position:relative}.experience-detail:before{content:"–";color:#fff6;position:absolute;left:0}.education-card{margin-top:var(--space-2xl);padding:var(--space-xl);border-radius:var(--radius-md);align-items:center;gap:var(--space-xl);transition:all var(--transition-base);background:#111827;border:1px solid #ffffff14;display:flex}.education-card:hover{border-color:#38bdf840;transform:translateY(-2px)}.education-icon-container{background:#38bdf81f;border:1px solid #38bdf840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.education-icon{color:var(--accent-cyan);font-size:1.5rem}.education-info{flex-direction:column;display:flex}.education-label{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.education-school{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:600}.education-degree{color:#ffffffb3;font-size:.85rem}.education-date{color:#ffffff80;font-size:.8rem;font-family:var(--font-mono);margin-top:4px}@media (width<=768px){.experience-content{margin-top:var(--space-xl)}.experience-header{flex-direction:column;align-items:flex-start;gap:6px}.education-card{margin-top:var(--space-xl);gap:var(--space-md);padding:1.25rem}}@media (width<=550px){.experience-timeline{padding-left:1.5rem}.experience-timeline:before{left:4px}.experience-dot{width:8px;height:8px;top:7px;left:calc(1px - 1.5rem)}.experience-item{padding-bottom:1.75rem}.experience-role{font-size:.95rem}.experience-separator{display:none}.experience-company{width:100%;font-size:.9rem;display:block}.experience-detail{font-size:.825rem;line-height:1.6}.education-school{font-size:.95rem}.education-degree{font-size:.8rem}}.contact{background-color:var(--bg-primary);padding-bottom:var(--space-4xl);position:relative;overflow:hidden}.contact-card{border-radius:var(--radius-xl);border:1px solid #ffffff1f;min-height:520px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.contact-bg-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.contact-bg-img{object-fit:cover;object-position:60% center;width:100%;height:100%}.contact-overlay{z-index:1;background:linear-gradient(90deg,#0a0e1af0 0%,#0a0e1ad9 45%,#0a0e1a4d 85%,#0a0e1a80 100%),linear-gradient(#0000 65%,#0a0e1ae6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.contact-inner{z-index:2;flex-direction:column;justify-content:space-between;min-height:520px;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative}.contact-left{max-width:540px}.contact-heading{font-family:var(--font-accent);color:#fff;margin-bottom:var(--space-sm);transform-origin:0;text-shadow:0 2px 15px #000000b3;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:700;line-height:1.05;display:inline-block;transform:rotate(-1.5deg)}.contact-subtext{color:#fffc;margin-bottom:var(--space-xl);font-size:.95rem;line-height:1.6}.contact-form{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.contact-form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.contact-input,.contact-textarea{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-body);transition:all var(--transition-base);background:#0a0e1aa6;border:1px solid #ffffff26;outline:none;padding:10px 16px;font-size:.85rem}.contact-input::placeholder,.contact-textarea::placeholder{color:#ffffff73}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent-cyan);background:#0a0e1ad9;box-shadow:0 0 12px #38bdf833}.contact-textarea{resize:vertical;min-height:90px}.contact-btn{color:#0a0e1a;cursor:pointer;transition:all var(--transition-base);font-size:.85rem;font-weight:600;font-family:var(--font-body);align-self:flex-start;align-items:center;gap:var(--space-sm);background:#fff;border:1px solid #fff;border-radius:9999px;margin-top:4px;padding:11px 28px;display:inline-flex}.contact-btn:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff40}.contact-footer{padding-top:var(--space-lg);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.contact-copyright{color:#ffffff80;font-size:.75rem;font-family:var(--font-mono)}.contact-socials{align-items:center;gap:var(--space-md);display:flex}.contact-social-link{color:#fff9;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact-social-link:hover{color:var(--accent-cyan);transform:translateY(-2px)}@media (width<=768px){.contact-bg-img{object-position:72% center}.contact-overlay{background:linear-gradient(#0a0e1abf 0%,#0a0e1ae0 45%,#0a0e1af5 100%)}.contact-inner{padding:var(--space-xl);min-height:auto}.contact-heading{font-size:clamp(2.2rem,9vw,3rem);transform:rotate(-1deg)}.contact-form-row{grid-template-columns:1fr}.contact-footer{gap:var(--space-md);text-align:center;flex-direction:column}}@media (width<=480px){.contact-inner{padding:1.75rem 1.25rem}.contact-btn{justify-content:center;width:100%;padding:12px 24px}.contact-heading{font-size:clamp(2rem,8.5vw,2.6rem)}.contact-subtext{margin-bottom:var(--space-lg);font-size:.9rem}}