.hero-shell{overflow-anchor:none;background:linear-gradient(155deg,#02040f 0%,#0a1f4d 48%,#180a3b 72%,#050814 100%)}.page-main{height:auto;max-height:none;position:relative;overflow:visible}.hero-bg{transform:translate3d(0, var(--hero-parallax-y,0), 0) scale(1.04);transform-origin:top;will-change:transform;pointer-events:none;background:radial-gradient(circle at 14% 22%,#22d3ee52,#0000 40%),radial-gradient(circle at 84% 18%,#6366f142,#0000 34%),radial-gradient(circle at 58% 78%,#f43f5e24,#0000 48%),linear-gradient(155deg,#02040f 0%,#0a1f4d 48%,#180a3b 72%,#050814 100%);position:absolute;inset:-10% 0;overflow:hidden}.hero-bg:after{content:"";transform:translate3d(0, var(--hero-mask-shift,0), 0);opacity:var(--hero-mask-opacity,.55);pointer-events:none;will-change:transform, opacity;background:linear-gradient(#02061705 0%,#02061742 56%,#0206179e 100%);position:absolute;inset:-12% 0 0}.hero-dial-panel{--hero-dial-offset-x:16.45rem;overflow-anchor:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;width:min(100%,360px);transform:translate3d(var(--hero-dial-offset-x), 16px, 0);will-change:opacity, transform, max-height;background:radial-gradient(circle at 20% 16%,#38bdf829,#0000 44%),linear-gradient(165deg,#020617d6,#082f496b);border:1px solid #38bdf847;border-radius:1.2rem;justify-self:end;padding:.9rem .9rem .7rem;transition:opacity .8s,transform .8s,max-height .8s,padding-top .8s,padding-bottom .8s,border-color .8s;position:relative;overflow:hidden;box-shadow:0 18px 38px #0206178c,inset 0 0 0 1px #22d3ee1f}.hero-dial-panel-visible{opacity:1;transform:translate3d(var(--hero-dial-offset-x), 0, 0);pointer-events:auto}@media (width<=1023px){.hero-dial-panel{max-height:520px}.hero-dial-panel-collapsed{max-height:0;box-shadow:none;pointer-events:none;border-color:#0000;margin-top:0;padding-top:0;padding-bottom:0}}.hero-dial-halo{filter:blur(24px);pointer-events:none;background:radial-gradient(circle,#22d3ee47,#02061700);height:58%;position:absolute;inset:-18% -8% auto}.hero-dial-canvas{z-index:2;width:100%;height:auto;display:block;position:relative}.hero-dial-caption{z-index:2;text-align:center;color:#bff5ffe0;letter-spacing:.22em;text-transform:uppercase;margin-top:.5rem;font-size:.72rem;position:relative}.section-odd{isolation:isolate;position:relative;overflow:visible}.section-odd:before{content:"";z-index:-2;background:radial-gradient(circle at 15% 22%,#22d3ee33,#0000 40%),radial-gradient(circle at 86% 20%,#6366f12e,#0000 35%),radial-gradient(circle at 70% 82%,#f43f5e1a,#0000 46%),linear-gradient(155deg,#02040fb8 0%,#0a1f4d80 52%,#180a3b75 74%,#050814b3 100%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.section-odd:after{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:22px 22px,22px 22px;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#00000047,#0000000d);mask-image:linear-gradient(#00000047,#0000000d)}.tech-matrix-bg:after{content:"";z-index:-1;opacity:.88;filter:saturate(1.2)contrast(1.18);pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='20'%20height='20'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M20%200H0V20'%20fill='none'%20stroke='%2393c5fd'%20stroke-opacity='0.12'%20stroke-width='0.9'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='160'%20height='160'%20fill='url(%23grid)'/%3e%3cg%20fill='none'%20stroke='%2367e8f9'%20stroke-opacity='0.16'%20stroke-width='1.2'%3e%3cpath%20d='M0%2040H30L40%2050H70L80%2040H160'/%3e%3cpath%20d='M0%20120H30L40%20110H70L80%20120H160'/%3e%3cpath%20d='M40%200V30L50%2040V70L40%2080V160'/%3e%3cpath%20d='M120%200V30L110%2040V70L120%2080V160'/%3e%3c/g%3e%3cg%20fill='%2322d3ee'%20fill-opacity='0.22'%3e%3ccircle%20cx='40'%20cy='40'%20r='3'/%3e%3ccircle%20cx='120'%20cy='40'%20r='3'/%3e%3ccircle%20cx='40'%20cy='120'%20r='3'/%3e%3ccircle%20cx='120'%20cy='120'%20r='3'/%3e%3ccircle%20cx='80'%20cy='80'%20r='4'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23c4b5fd'%20stroke-opacity='0.16'%20stroke-width='1'%3e%3crect%20x='74'%20y='74'%20width='12'%20height='12'/%3e%3crect%20x='14'%20y='14'%20width='12'%20height='12'/%3e%3crect%20x='134'%20y='14'%20width='12'%20height='12'/%3e%3crect%20x='14'%20y='134'%20width='12'%20height='12'/%3e%3crect%20x='134'%20y='134'%20width='12'%20height='12'/%3e%3c/g%3e%3c/svg%3e");background-position:top;background-repeat:repeat;background-size:140px 140px;background-attachment:fixed;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);transform:none;-webkit-mask-image:none;mask-image:none}.tech-matrix-bg:before{content:"";z-index:-2;opacity:.72;pointer-events:none;background-color:#0000;background-image:radial-gradient(circle at 15% 22%,#22d3ee47,#0000 42%),radial-gradient(circle at 86% 20%,#6366f142,#0000 38%),radial-gradient(circle at 70% 82%,#f43f5e24,#0000 50%),linear-gradient(155deg,#02040fc7 0%,#0a1f4d94 52%,#180a3b80 74%,#050814c2 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);transform:none}.tech-matrix-bg,.ai-matrix-bg{isolation:isolate;position:relative}.ai-matrix-bg:after{content:"";z-index:-1;opacity:.9;filter:saturate(1.18)contrast(1.16);pointer-events:none;background-image:url(/assets/ai-tile-GE1bQb26.svg);background-position:top;background-repeat:repeat;background-size:152px 152px;background-attachment:fixed;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);transform:none;-webkit-mask-image:none;mask-image:none}.ai-matrix-bg:before{content:"";z-index:-2;opacity:.78;pointer-events:none;background-color:#0000;background-image:radial-gradient(circle at 18% 22%,#22d3ee3d,#0000 44%),radial-gradient(circle at 82% 18%,#38bdf833,#0000 40%),radial-gradient(circle at 70% 84%,#818cf824,#0000 52%),linear-gradient(155deg,#02040fcc 0%,#082f498f 48%,#0f172abd 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);transform:none}.tech-curtain-panel{z-index:20;transform:translate3d(0, var(--tech-curtain-shift,0px), 0);will-change:transform;margin-top:-5vh;padding-top:calc(4rem + 5vh);transition:transform 80ms linear;position:relative}.tech-curtain-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02061700 0%,#020617b8 18%,#020617f0 32%,#020617 52%),linear-gradient(155deg,#02040ff0 0%,#0a1f4dc2 52%,#180a3bb3 74%,#050814f0 100%);width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 -24px 56px #020617b3}.ai-curtain-panel{z-index:20;transform:translate3d(0, var(--ai-curtain-shift,0px), 0);will-change:transform;margin-top:-5vh;padding-top:calc(5rem + 5vh);transition:transform 80ms linear;position:relative}.ai-curtain-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02061700 0%,#020617b3 18%,#020617ed 32%,#020617 52%),linear-gradient(155deg,#02040ff0 0%,#082f49bd 48%,#0f172ae6 100%);width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 -24px 56px #020617ad}.nav-link{transition:color .25s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#22d3ee,#60a5fa);width:0;height:2px;transition:width .25s;position:absolute;bottom:-8px;left:0}.nav-link:hover{color:#67e8f9}.nav-link:hover:after{width:100%}.reveal-item{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(20px)}.tech-card,.reveal-item.is-visible{opacity:1;transform:translate(0,0)}.ai-glow{animation:pulseGlow var(--glow-duration,3s) ease-in-out infinite}.tech-active{border-color:#67e8f9cc;box-shadow:0 0 0 1px #67e8f940,0 16px 32px #0891b238}.tag-item{transition:transform .25s,box-shadow .25s,border-color .25s}.tag-item:hover{border-color:#67e8f9cc;transform:translateY(-4px);box-shadow:0 8px 20px #22d3ee33}.gradient-btn{background:linear-gradient(110deg,#0891b2 0%,#2563eb 45%,#22d3ee 100%) 0 0/220% 220%;transition:transform .25s,box-shadow .25s}.gradient-btn:hover{animation:2s linear infinite gradientFlow;transform:translateY(-3px);box-shadow:0 14px 30px #2563eb59}.typewriter{color:#dbeafe;padding-right:10px;position:relative}.typewriter:after{content:"";background:#67e8f9;width:2px;height:1.6rem;animation:.85s step-end infinite cursorBlink;position:absolute;right:0}.floating{animation:3s ease-in-out infinite floatUpDown}.project-card{transform-origin:50%}.project-card:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 20px 40px #0891b23d}.project-cta{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(16px)}.project-card:hover .project-cta{opacity:1;transform:translateY(0)}.social-icon{color:#cbd5e1;letter-spacing:.04em;border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:transform .22s,color .22s,border-color .22s;display:inline-flex}.social-icon:hover{color:#22d3ee;border-color:#22d3eecc;animation:.45s iconBounce;transform:translateY(-4px)}.copy-line{cursor:pointer;align-items:center;gap:.5rem;padding-inline-end:2vw;transition:color .2s;display:inline-flex}.copy-line:hover{color:#a5f3fc}.copy-hint{color:#67e8f9;opacity:.9;font-size:12px}.copy-toast{z-index:90;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aeb;border:1px solid #67e8f980;border-radius:.7rem;padding:.55rem .85rem;font-size:.82rem;position:fixed;bottom:1.25rem;right:1.25rem}.contact-modal-mask{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617ad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.contact-modal{color:#e2e8f0;background:radial-gradient(circle at 16% 18%,#22d3ee29,#0000 40%),linear-gradient(150deg,#020617f5,#0f172afa);border:1px solid #94a3b847;border-radius:1.1rem;width:min(92vw,640px);box-shadow:0 26px 60px #020617a8,inset 0 0 0 1px #22d3ee14}.ai-chat-modal{color:#e2e8f0;background:radial-gradient(circle at 14% 16%,#22d3ee2e,#0000 40%),radial-gradient(circle at 84% 78%,#6366f129,#0000 42%),linear-gradient(150deg,#020617f7,#0f172afa);border:1px solid #38bdf84d;border-radius:1.1rem;grid-template-rows:auto minmax(0,1fr) auto;width:min(94vw,760px);max-height:min(86vh,760px);display:grid;overflow:hidden;box-shadow:0 28px 68px #020617b8,inset 0 0 0 1px #22d3ee17}.ai-chat-kicker{color:#67e8f9;letter-spacing:.18em;margin:0 0 .18rem;font-size:.68rem;font-weight:800}.ai-chat-body{scrollbar-color:#67e8f980 #0f172acc;flex-direction:column;gap:.8rem;min-height:280px;max-height:52vh;padding:1rem 1.2rem;display:flex;overflow-y:auto}.ai-chat-row{display:flex}.ai-chat-row-user{justify-content:flex-end}.ai-chat-row-assistant{justify-content:flex-start}.ai-chat-bubble{background:#0f172ac2;border:1px solid #94a3b838;border-radius:.95rem;max-width:min(86%,560px);padding:.72rem .85rem;box-shadow:0 10px 24px #02061747}.ai-chat-bubble-user{background:linear-gradient(135deg,#0891b2ad,#2563ebb8);border-color:#22d3ee4d}.ai-chat-bubble-assistant{background:radial-gradient(circle at 12% 16%,#22d3ee1f,#0000 38%),#0f172adb;border-color:#7dd3fc3d}.ai-chat-role{color:#a5f3fc;letter-spacing:.08em;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.ai-chat-bubble p{color:#f8fafc;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem;line-height:1.7}.ai-chat-thinking{color:#bae6fd;background:#082f496b;border:1px solid #22d3ee3d;border-radius:999px;align-self:flex-start;align-items:center;gap:.48rem;padding:.46rem .72rem;font-size:.82rem;display:inline-flex}.ai-chat-dot{background:#67e8f9;border-radius:999px;width:.48rem;height:.48rem;animation:.9s step-end infinite cursorBlink;box-shadow:0 0 14px #67e8f9db}.ai-chat-error{color:#fecaca;background:#7f1d1d38;border:1px solid #f8717147;border-radius:.72rem;margin:0;padding:.62rem .75rem;font-size:.86rem}.ai-chat-form{border-top:1px solid #94a3b833;gap:.72rem;padding:.9rem 1.2rem 1.1rem;display:grid}.ai-chat-input{resize:none;min-height:92px;line-height:1.55}.ai-chat-actions{justify-content:flex-end;gap:.7rem;display:flex}.ai-chat-stop-btn{color:#cbd5e1;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b85c;border-radius:.8rem;padding:.68rem 1rem;font-size:.9rem;font-weight:700;transition:color .2s,border-color .2s,transform .2s}.ai-chat-stop-btn:hover{color:#fecaca;border-color:#f871719e;transform:translateY(-1px)}.ai-chat-send-btn{width:auto;min-width:8.5rem;margin-top:0}.contact-modal-head{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:1rem 1.2rem .9rem;display:flex}.contact-modal-head h3{color:#f8fafc;letter-spacing:.02em;margin:0;font-size:1.05rem}.contact-modal-close{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .2s,background-color .2s;display:inline-flex}.contact-modal-close:hover{color:#67e8f9;background:#082f49bf}.contact-modal-close svg{width:18px;height:18px}.contact-modal-form{gap:.62rem;padding:1rem 1.2rem 1.25rem;display:grid}.contact-modal-form label{color:#cbd5e1;font-size:.84rem}.contact-field{color:#e2e8f0;background:#0f172ad6;border:1px solid #94a3b852;border-radius:.72rem;outline:none;width:100%;padding:.62rem .75rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-field:focus{border-color:#22d3eec7;box-shadow:0 0 0 3px #22d3ee26}.contact-field::placeholder{color:#cbd5e19e}.contact-textarea{resize:vertical;min-height:130px;line-height:1.5}.contact-submit-btn{color:#f8fafc;cursor:pointer;background:linear-gradient(110deg,#0891b2 0%,#2563eb 45%,#22d3ee 100%);border:0;border-radius:.8rem;width:100%;margin-top:.2rem;padding:.72rem 1rem;font-size:.93rem;font-weight:700;transition:transform .2s,filter .2s,opacity .2s}.contact-submit-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.contact-submit-btn:disabled{opacity:.68;cursor:not-allowed}.floaty-chunk{z-index:58;flex-direction:column;gap:.65rem;transition:opacity .24s,transform .24s;display:flex;position:fixed;bottom:5.4rem;right:1.1rem}.floaty-chunk.hide{opacity:0;pointer-events:none;transform:translateY(12px)}.floaty-button{color:#e2e8f0;background:radial-gradient(circle at 30% 30%,#22d3ee33,#0f172ae6 70%),linear-gradient(130deg,#082f49d9,#0f172af2);border:1px solid #7dd3fc73;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .22s,border-color .22s,color .22s,box-shadow .22s;display:inline-flex;box-shadow:0 10px 24px #0206176b}.floaty-button .icon{width:20px;height:20px}.floaty-button:hover{color:#67e8f9;border-color:#67e8f9e0;transform:translateY(-2px);box-shadow:0 14px 32px #0891b257}.toast-enter-active,.toast-leave-active{transition:all .22s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .22s}.modal-fade-enter-active .contact-modal,.modal-fade-leave-active .contact-modal,.modal-fade-enter-active .ai-chat-modal,.modal-fade-leave-active .ai-chat-modal{transition:transform .22s,opacity .22s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .contact-modal,.modal-fade-leave-to .contact-modal,.modal-fade-enter-from .ai-chat-modal,.modal-fade-leave-to .ai-chat-modal{opacity:0;transform:translateY(10px)scale(.98)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 1px #22d3ee73,0 0 30px #22d3ee47,0 0 50px #6366f12e,inset 0 0 22px #2dd4bf1a}50%{box-shadow:0 0 0 1px #a78bfaf2,0 0 42px #22d3ee80,0 0 72px #8b5cf666,inset 0 0 30px #7dd3fc2e}}@keyframes gradientFlow{0%{background-position:0%}to{background-position:100%}}@keyframes cursorBlink{0%,48%{opacity:1}50%,to{opacity:0}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes iconBounce{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-bg:after,.reveal-item,.tag-item,.gradient-btn,.project-card,.project-cta,.social-icon,.floating,.ai-glow,.typewriter:after,.tech-curtain-panel,.ai-curtain-panel,.floaty-chunk,.floaty-button,.contact-modal,.contact-modal-mask,.ai-chat-modal,.ai-chat-dot{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (width<=768px){.hero-dial-panel{--hero-dial-offset-x:0rem;justify-self:center;width:min(100%,340px)}.tech-curtain-panel,.ai-curtain-panel{margin-top:0;padding-top:2.5rem;transform:none}.project-card:hover{transform:translateY(-2px)scale(1.02)}.project-cta{opacity:1;margin-top:1rem;position:static;transform:none}.floaty-chunk{bottom:5.1rem;right:.85rem}.floaty-button{width:42px;height:42px}.contact-modal{width:94vw}.ai-chat-modal{width:94vw;max-height:88vh}.ai-chat-body{min-height:260px;max-height:48vh;padding-inline:1rem}.ai-chat-bubble{max-width:92%}.ai-chat-form{padding-inline:1rem}.ai-chat-actions{grid-template-columns:1fr;display:grid}.ai-chat-stop-btn,.ai-chat-send-btn{width:100%}.contact-modal-head,.contact-modal-form{padding-inline:1rem}}@media (width<=1024px) and (width>=769px){.hero-dial-panel{--hero-dial-offset-x:0rem;justify-self:center}.tech-curtain-panel{margin-top:-4vh;padding-top:calc(4rem + 4vh)}.ai-curtain-panel{margin-top:-4vh;padding-top:calc(5rem + 4vh)}}