.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-content{background:#1a1a1a;border:3px solid #ce422b;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #ce422b66,0 0 100px #ff6b3533;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ce422b,#ff6b35);border-radius:9px 9px 0 0;position:sticky;top:0;z-index:10}.terminal-prompt{font-family:Fira Mono,monospace;font-size:1rem;font-weight:700;color:#1a1a1a}.prompt-user{color:gold}.prompt-path{color:#fa0}.prompt-command{color:#1a1a1a;font-weight:800}.close-btn{background:#0003;border:2px solid rgba(0,0,0,.3);border-radius:6px;color:#1a1a1a;font-size:1.5rem;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover:not(:disabled){background:#0006;transform:rotate(90deg)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:2rem}form{display:flex;flex-direction:column;gap:2rem}h2{font-family:Alfa Slab One,serif;font-size:2rem;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.form-intro{color:#a0a0a0;font-size:.95rem;margin:0}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#252525;border:1px solid rgba(255,255,255,.05);border-left:4px solid #ce422b;border-radius:8px}.section-title{font-family:Fira Mono,monospace;font-size:.9rem;font-weight:700;color:#ff6b35;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-family:Fira Mono,monospace;font-size:.9rem;font-weight:600;color:#f5f5f5}.required{color:#ff6b35}input,select,textarea{padding:.75rem 1rem;background:#2a2a2a;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:#f5f5f5;font-family:Fira Mono,monospace;font-size:.95rem;transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#ce422b;box-shadow:0 0 0 3px #ce422b33}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:100px}.char-count{font-family:Fira Mono,monospace;font-size:.8rem;color:#a0a0a0;text-align:right}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#ce422b,#ff6b35);border:none;border-radius:8px;color:#1a1a1a;font-family:Alfa Slab One,serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #ce422b66;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ce422b99}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{font-family:Fira Mono,monospace;font-size:1.2rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;text-align:center}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#73d216,#8ae234);border-radius:50%;font-size:3rem;color:#1a1a1a;animation:success-bounce .6s ease}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-message h3{font-family:Alfa Slab One,serif;font-size:1.8rem;color:#73d216;margin:0}.success-message p{color:#a0a0a0;font-size:1rem;margin:0}.error-message{padding:1rem 1.5rem;background:#dc26261a;border:2px solid #dc2626;border-radius:6px;color:#ff6b6b;font-size:.95rem}.error-message strong{color:#dc2626}@media(max-width:768px){.modal-content{max-height:95vh}.modal-header{padding:1rem 1.5rem}.terminal-prompt{font-size:.85rem}.close-btn{width:36px;height:36px;font-size:1.3rem}.modal-body{padding:1.5rem}h2{font-size:1.5rem}.form-section{padding:1rem}.submit-btn{font-size:1rem;padding:1rem 1.5rem}}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:#1a1a1a}.modal-content::-webkit-scrollbar-thumb{background:#ce422b;border-radius:6px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ff6b35}.about{background:#1a1a1a}.about-content{max-width:900px;margin:0 auto 4rem}.about-text{color:#f5f5f5;margin-bottom:3rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.principle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:#2a2a2a;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .3s}.principle:hover{border-image:linear-gradient(135deg,#ce422b,#ff6b35,#fa0) 1;transform:translateY(-8px) rotateX(2deg);box-shadow:0 15px 40px #ce422b4d,0 5px 15px #ff6b3533}.principle:hover .icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 10px #ce422b);transition:all .3s}.principle:hover h4{background:linear-gradient(135deg,#ce422b,#ff6b35,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.principle .icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center}.principle .text{display:flex;flex-direction:column;gap:.5rem}.principle h4{margin-bottom:0;color:#ce422b;font-size:1.1rem}.principle p{font-size:.9rem;color:#a0a0a0;margin:0}:global(.capture-mode) .principle h4,:global(.capture-mode) .skill-category h3{color:#ff6b35!important}.skills{width:100%}.skills-section{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 3rem}.skill-category{display:flex;flex-direction:column;gap:1.5rem}.skill-category h3{font-size:1.3rem;margin:0;color:#ff6b35;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.75rem}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:1rem;font-weight:500;color:#f5f5f5;display:flex;align-items:center;gap:.5rem}.skill-level{font-size:.9rem;color:#a0a0a0;font-weight:600}.skill-bar{height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden;position:relative}.skill-fill{height:100%;border-radius:4px;width:0!important;transition:width 1.2s cubic-bezier(.4,0,.2,1),box-shadow .8s ease-out;box-shadow:0 0 #ce422b00;position:relative;overflow:hidden}.skill-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.skill-fill.animate{width:var(--skill-width)!important;box-shadow:0 0 15px #ce422b99;animation:pulse-skill 2s ease-in-out 1.2s}.skill-fill.animate:after{animation:shimmer 2s ease-out}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse-skill{0%{box-shadow:0 0 15px #ce422b99}50%{box-shadow:0 0 25px #fa0c}to{box-shadow:0 0 15px #ce422b99}}.rust-fill{background:linear-gradient(90deg,#ce422b,#ff6b35)}.svelte-fill{background:linear-gradient(90deg,#ff6b35,#fa0)}.typescript-fill{background:linear-gradient(90deg,#fa0,gold)}.systems-fill{background:linear-gradient(90deg,#ce422b,#ff6b35)}.docker-fill{background:linear-gradient(90deg,#ff6b35,#fa0)}.db-fill{background:linear-gradient(90deg,#ce422b,#ff6b35)}.sqlite-fill,.ci-fill{background:linear-gradient(90deg,#ff6b35,#fa0)}.cloud-fill{background:linear-gradient(90deg,#ce422b,#fa0)}.python-fill{background:linear-gradient(90deg,#ce422b,#ff6b35)}.api-fill{background:linear-gradient(90deg,#ff6b35,#fa0)}.ws-fill{background:linear-gradient(90deg,#fa0,gold)}:global(.capture-mode) .skill-fill{width:var(--skill-width)!important;box-shadow:0 0 15px #ce422b59;animation:none!important}:global(.capture-mode) .skill-fill:after{display:none}@media(max-width:1024px){.principles{grid-template-columns:1fr}.skills-section{grid-template-columns:1fr;gap:3rem}}.contact{background:#1a1a1a}.terminal-contact{background:#1a1a1a;border:2px solid #ce422b;border-radius:8px;padding:2.5rem;font-family:Fira Mono,monospace;position:relative;overflow:hidden;box-shadow:0 0 40px #ce422b33}.terminal-contact:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#ce422b,#ff6b35);border-radius:6px 6px 0 0}.terminal-header{color:#73d216;font-size:1.1rem;margin-bottom:2rem;margin-top:1rem;font-weight:700;position:relative}.terminal-user{color:#ff6b35}.terminal-path{color:#ce422b}.terminal-command{color:gold}.cursor-blink{display:inline-block;width:8px;height:16px;background:#ff6b35;margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-output{display:flex;flex-direction:column;gap:2rem}.cta-button{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 3rem;margin:1rem 0 2rem;background:linear-gradient(135deg,#ce422b,#ff6b35,#fa0,gold);background-size:200% 200%;border:none;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 40px #ce422b80,0 0 60px #ffaa004d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:gradient-shift 5s ease infinite}.cta-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 60px #ce422bb3,0 0 100px #ffaa0080;animation:gradient-shift 2s ease infinite}.cta-button:active{transform:translateY(-2px) scale(1.01)}.cta-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.cta-button:hover .cta-glow{transform:translate(100%)}.cta-icon{font-family:Fira Mono,monospace;font-size:2rem;font-weight:700;color:#1a1a1a;text-shadow:0 2px 4px rgba(0,0,0,.2)}.cta-text{font-family:Alfa Slab One,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;color:#1a1a1a;letter-spacing:.1em;text-shadow:0 3px 6px rgba(0,0,0,.2)}.quick-links{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-family:Fira Mono,monospace}.quick-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#252525;border:1px solid rgba(255,255,255,.05);border-radius:6px;color:#a0a0a0;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s}.quick-link:hover{background:#2a2a2a;border-color:#ce422b;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 15px #ce422b4d}.separator{color:#fff3;font-size:1.2rem}.services-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.services-header{color:#ff6b35;font-size:1.3rem;font-weight:700;margin-bottom:1rem;font-family:Fira Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.services-separator{color:#ce422b;font-size:.7rem;margin-bottom:1.5rem;opacity:.5;overflow:hidden}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.service-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#252525;border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:1rem;color:#f5f5f5;transition:all .3s}.service-item:hover{border-color:#ce422b4d;background:#2a2a2a;transform:translate(4px)}.service-icon{font-family:Fira Mono,monospace;font-size:.85rem;font-weight:700;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 .25rem}:global(.capture-mode) .terminal-user,:global(.capture-mode) .terminal-path,:global(.capture-mode) .arrow{color:#ff6b35!important}@media(max-width:768px){.terminal-contact{padding:1.5rem}.terminal-header{font-size:.85rem}.services-grid{grid-template-columns:1fr}.cta-button{padding:1.5rem 2rem}.cta-text{font-size:1.5rem}.quick-links{flex-wrap:wrap}.services-separator{font-size:.6rem}}.footer{padding:3rem 0;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer p{color:#a0a0a0;font-size:.9rem}.footer-links{display:flex;gap:1rem;align-items:center}.footer-links a{color:#a0a0a0;text-decoration:none;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:#ce422b}@media(max-width:768px){.footer .container{flex-direction:column;gap:1rem;text-align:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#2a2a2a,#1a1a1a 70%)}.forge-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(206,66,43,.3) 0%,transparent 70%);filter:blur(100px);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:2rem}.title-forge{font-size:clamp(4rem,12vw,10rem);letter-spacing:-.02em;line-height:.92;margin-bottom:1rem;white-space:nowrap;transform:translate(-.24em);color:#ffd39b;--title-width: 100%;position:relative;display:inline-block}.char{display:inline-block;opacity:1;transform:translateY(0);background-image:linear-gradient(135deg,#ce422b,#ff6b35,#fa0 60%,gold);background-repeat:no-repeat;background-size:var(--title-width, 100%) 100%;background-position:calc(-1 * var(--char-offset, 0px)) 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:forge-drop .6s ease-out forwards}@keyframes forge-drop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.molten-bar{height:6px;width:300px;margin:2rem auto;background:linear-gradient(90deg,transparent 0%,#ce422b 20%,#ff6b35 40%,#ffaa00 60%,#ffd700 80%,transparent 100%);box-shadow:0 0 20px #ce422b99;animation:heat-flow 3s ease-in-out infinite}@keyframes heat-flow{0%,to{box-shadow:0 0 20px #ce422b99}50%{box-shadow:0 0 40px #fa0c}}.subtitle{font-size:1.5rem;font-weight:300;color:#f5f5f5;margin-bottom:2rem}.tech-badges{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;justify-content:center;max-width:860px;margin:0 auto 3rem}.badge{--badge-width: 100%;padding:.55rem .8rem;background:#2a2a2a;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:#f5f5f5;font-family:Fira Sans,sans-serif;font-size:.82rem;font-weight:600;transition:background .26s cubic-bezier(.22,1,.36,1),border-color .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);cursor:default;display:flex;align-items:center;justify-content:center;min-height:42px;position:relative;will-change:transform}.badge-copy{position:relative;display:block;width:100%;height:1.2em;min-width:0;text-align:center}.badge-label{position:absolute;left:50%;top:50%;display:block;overflow:hidden;white-space:nowrap;max-width:100%;transform:translate3d(-50%,-50%,0);transform-origin:left center;text-align:center;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.badge-short{opacity:1;font-family:Share Tech Mono,monospace;font-weight:700;font-size:.88rem;letter-spacing:.02em;text-rendering:geometricPrecision;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:#f5f5f5;background-clip:initial;color:#f5f5f5;transform:translate3d(-50%,-50%,0) scale(1)}.badge-full{opacity:0;transform:translate3d(calc(-50% - .45rem),-50%,0) scale(.985);font-family:Share Tech Mono,monospace;font-size:.82rem;font-weight:600;color:#f5f5f5}.badge:hover{border-color:#ce422b;background:linear-gradient(135deg,#2a2a2a,#333);box-shadow:0 6px 18px #ce422b38,inset 0 1px #ff6b352e;transform:translate3d(0,-1px,0)}.badge:hover .tech-icon{color:#fff3ed}.hero-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cmd-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#2a2a2a;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#f5f5f5;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.cmd-prompt{color:gold;font-size:1.2rem;font-weight:700}.cmd-text{color:#f5f5f5;font-weight:700;letter-spacing:.06em}.cmd-button:hover{border-color:#ce422b;transform:translateY(-4px);box-shadow:0 8px 40px #ce422b80;background:linear-gradient(135deg,#2a2a2a,#333)}.cmd-button:hover .cmd-prompt{color:#ff6b35;text-shadow:0 0 10px #ffd700}.cmd-button:hover .cmd-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.cmd-button.primary{background:linear-gradient(135deg,#ce422b,#ff6b35);border-color:transparent;box-shadow:0 4px 20px #ce422b80;font-weight:700}.cmd-button.primary .cmd-prompt,.cmd-button.primary .cmd-text{color:#1a1a1a}.cmd-button.primary .cmd-text{font-weight:700;letter-spacing:.04em;-webkit-text-stroke:.28px rgba(26,26,26,.95);text-shadow:.24px 0 rgba(26,26,26,.95),-.24px 0 rgba(26,26,26,.95),0 .24px rgba(26,26,26,.95),0 -.24px rgba(26,26,26,.95)}.cmd-button.primary:hover{box-shadow:0 8px 40px #ce422bb3;background:linear-gradient(135deg,#ff6b35,#ce422b)}.cmd-button.primary:hover .cmd-prompt{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.cmd-button.primary:hover .cmd-text{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.arrow{font-size:2rem;animation:bounce-arrow 2s ease-in-out infinite;color:#ce422b}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}:global(.capture-mode) .scroll-indicator{display:none}:global(.capture-mode) .title-forge{color:#ff8b3d!important;text-shadow:0 0 22px rgba(206,66,43,.28)}:global(.capture-mode) .title-forge .char{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#ff8b3d!important;color:#ff8b3d!important}:global(.capture-mode) .molten-bar{background:linear-gradient(90deg,transparent,#ce422b,#ff6b35,#ce422b,transparent)!important;box-shadow:0 0 12px #ce422b59!important}@media(min-width:769px){.tech-badges{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;max-width:100%;white-space:nowrap}.badge{--badge-width: 5.7rem;--badge-width-expanded: 15.5rem;flex:0 0 auto;width:var(--badge-width);justify-content:flex-start;overflow:hidden;padding:.55rem .8rem;transition:width .34s cubic-bezier(.22,1,.36,1),padding .34s cubic-bezier(.22,1,.36,1),background .26s cubic-bezier(.22,1,.36,1),border-color .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.badge:hover{width:var(--badge-width-expanded);padding-left:.95rem;padding-right:1rem}.badge:hover .badge-short{opacity:0;transform:translate3d(calc(-50% + .45rem),-50%,0) scale(.96)}.badge:hover .badge-full{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}@media(max-width:768px){.title-forge{font-size:clamp(2.4rem,14vw,3rem);transform:none}.hero-nav{flex-direction:column;width:100%}.cmd-button{width:100%}}.project-card{display:flex;flex-direction:column;gap:1.25rem;height:100%;min-height:35rem;padding:1.5rem;background:#181818;border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0006,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform;cursor:pointer}.project-card:before{content:"";position:absolute;inset:-10px;background:linear-gradient(135deg,#ff6b3559,#ce422b00);border-radius:24px;filter:blur(20px);opacity:0;transition:opacity .5s ease;z-index:-1}.project-card:hover:before,.project-card--active:before{opacity:.6}.project-card:hover{border-color:#ff6b3566;box-shadow:0 30px 60px #00000080,0 0 20px #ff6b3524}.project-card--active{border-color:#ff6b3573;box-shadow:0 24px 60px #00000075,0 0 18px #ff6b351f}.project-card--muted{border-color:#ffffff0a;box-shadow:0 10px 28px #0000002e}.project-preview{position:relative;height:12.5rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#141414;box-shadow:inset 0 0 20px #0000004d}.project-preview__media,.project-preview__media :global(picture){position:absolute;inset:0;display:block;z-index:1}.project-preview__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease,transform .5s cubic-bezier(.25,.8,.25,1)}.project-preview__image--secondary{opacity:0;transform:scale(1.05)}.project-card:hover .project-preview__image--secondary{opacity:1;transform:scale(1)}.project-card:hover .project-preview__image--primary{opacity:0;transform:scale(1.05)}.project-preview__chrome{position:absolute;top:.85rem;left:.85rem;z-index:2}.project-preview__eyebrow{display:inline-flex;align-items:center;padding:.5rem .875rem;border-radius:999px;background:#0a0a0ab8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Fira Sans,sans-serif;font-size:.69rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#f5f5f5}.project-preview__placeholder{position:relative;height:100%;padding:1rem}.project-preview__brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem;text-align:center}.project-preview__brand-icon{display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:1.4rem;background:#101f3ef5;border:1px solid rgba(147,197,253,.28);box-shadow:0 16px 30px #02061759,inset 0 1px #ffffff14}.project-glyph--hero{width:2rem;height:2rem;color:#dbeafe}.project-preview__brand-logo{display:block;width:2.5rem;height:2.5rem;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(15,23,42,.32))}.project-preview__brand-copy{display:flex;flex-direction:column;gap:.25rem}.project-preview__brand-copy strong{font-family:Fira Sans,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,#1e3a8a,#2563eb 48%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.project-preview__brand-copy span{font-size:.82rem;font-weight:600;color:#bfdbfe;letter-spacing:.04em;text-transform:uppercase}.project-preview__window{display:grid;grid-template-columns:78px 1fr;gap:.9rem;height:100%;align-items:stretch}.project-preview__sidebar{border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.14)}.project-preview__content{display:flex;flex-direction:column;gap:.8rem}.project-preview__headline{width:58%;height:1rem;border-radius:999px;background:#ffffff2e}.project-preview__metrics,.project-preview__rows{display:grid;gap:.55rem}.project-preview__metrics{grid-template-columns:repeat(3,1fr)}.project-preview__metrics span,.project-preview__rows span{display:block;border-radius:999px;background:#ffffff29}.project-preview__metrics span{height:3.2rem}.project-preview__rows span{height:.9rem}.project-preview--erp,.project-preview--crm,.project-preview--ai,.project-preview--analytics,.project-preview--health{background:#141414}.project-title-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.35rem}.project-title-line{display:flex;align-items:center;gap:.875rem;min-width:0}.project-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.project-glyph{color:#f5f5f5;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}.project-title-line h3{margin:0;display:flex;flex-wrap:wrap;gap:.3rem;font-family:Fira Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-title-accent{background:linear-gradient(135deg,var(--project-title-accent-from, #ce422b),var(--project-title-accent-mid, #ff6b35),var(--project-title-accent-to, #ffaa00));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.project-card--custom-accent .project-title-accent{background:linear-gradient(135deg,var(--project-title-accent-from, #2563eb),var(--project-title-accent-mid, #06b6d4),var(--project-title-accent-to, #22c55e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-badge{padding:.28rem .5rem;background:transparent;border:1px solid rgba(234,88,12,.45);border-radius:999px;font-family:Fira Sans,sans-serif;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#ffb88a;flex:0 0 auto}.project-description{margin:0;width:100%;font-family:Fira Sans,sans-serif;font-size:.9rem;line-height:1.6;color:#a3a3a3}.project-accent-word{font-weight:600;background:linear-gradient(135deg,var(--project-title-accent-from, #ce422b),var(--project-title-accent-mid, #ff6b35),var(--project-title-accent-to, #ffaa00));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.project-card--custom-accent .project-accent-word{background:linear-gradient(135deg,var(--project-title-accent-from, #2563eb),var(--project-title-accent-mid, #06b6d4),var(--project-title-accent-to, #22c55e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tech-tag{display:inline-flex;align-items:center;padding:.2rem .45rem;background:linear-gradient(#181818,#181818) padding-box,linear-gradient(135deg,#ff6b35,#ce422b) border-box;border:1px solid transparent;border-radius:6px;box-shadow:0 0 4px #ff6b354d;transition:all .2s ease;cursor:default}.project-card:hover .tech-tag{box-shadow:0 0 8px #ff6b3580}.tech-tag:hover,.tech-tag:focus-visible{transform:translateY(-2px);box-shadow:0 0 12px #ff6b35d9}.tech-tag-label{font-family:Fira Sans,sans-serif;font-size:.65rem;font-weight:600;color:#fff;letter-spacing:.02em}.project-card-stack-desc{min-height:2rem;margin-top:-.35rem;font-size:.8rem;line-height:1.4;color:#737373;transition:all .3s ease}.project-card-stack-desc.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.28)}.project-card-footer{display:flex;flex-direction:column;gap:1.25rem;margin-top:auto;position:relative}.project-card-actions{display:flex;align-items:center;gap:.75rem;width:100%}.preview-demo,.open-demo{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:12px;font-family:Fira Sans,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.preview-demo{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#e5e5e5;cursor:pointer}.preview-demo.active,.preview-demo[aria-pressed=true]{background:#ff6b3524;border-color:#ff6b357a;color:#fff}.preview-demo:hover,.preview-demo:focus-visible{background:#ffffff14;border-color:#ea580c80;color:#fff;transform:translateY(-2px)}.open-demo{margin-left:auto;background:linear-gradient(135deg,#1b1b1b,#242424);border:1px solid rgba(234,88,12,.5);color:#fff;box-shadow:0 4px 12px #ea580c26}.open-demo:hover,.open-demo:focus-visible{background:linear-gradient(135deg,#ea580c33,#ce422b4d);border-color:#ff6b35;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ea580c4d}.project-accent-rail{display:block;width:4rem;height:4px;border-radius:999px;background:linear-gradient(90deg,#ce422b,#ff6b35,#fa0);box-shadow:0 0 12px #ff6b3566;transition:width .5s cubic-bezier(.25,1,.5,1)}.project-card:hover .project-accent-rail,.project-card--active .project-accent-rail{width:100%}.project-card--custom-accent:before{background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent-mid, #06b6d4) 46%,transparent),color-mix(in srgb,var(--project-accent-from, #2563eb) 18%,transparent) 42%,transparent 82%)}.project-card--custom-accent:hover,.project-card--custom-accent.project-card--active{border-color:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 42%,rgba(255,255,255,.08));box-shadow:0 30px 60px #00000080,0 0 20px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 18%,transparent)}.project-card--custom-accent .project-preview{border-color:color-mix(in srgb,var(--project-accent-from, #2563eb) 16%,rgba(255,255,255,.1));transition:border-color .3s ease,box-shadow .3s ease}.project-card--custom-accent:hover .project-preview,.project-card--custom-accent.project-card--active .project-preview{border-color:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 38%,rgba(255,255,255,.12));box-shadow:inset 0 0 20px #0000004d,0 0 18px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 20%,transparent)}.project-card--custom-accent .tech-tag{background:linear-gradient(#181818,#181818) padding-box,linear-gradient(135deg,var(--project-accent-to, #22c55e),var(--project-accent-mid, #06b6d4),var(--project-accent-from, #2563eb)) border-box;box-shadow:0 0 4px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 30%,transparent)}.project-card--custom-accent:hover .tech-tag{box-shadow:0 0 8px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 48%,transparent)}.project-card--custom-accent .tech-tag:hover,.project-card--custom-accent .tech-tag:focus-visible{box-shadow:0 0 12px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 82%,transparent)}.project-card--custom-accent .preview-demo.active,.project-card--custom-accent .preview-demo[aria-pressed=true]{background:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 18%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 48%,transparent)}.project-card--custom-accent .preview-demo:hover,.project-card--custom-accent .preview-demo:focus-visible{background:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 14%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 52%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 18%,transparent)}.project-card--custom-accent .open-demo{border-color:color-mix(in srgb,var(--project-accent-mid, #06b6d4) 52%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 18%,transparent)}.project-card--custom-accent .open-demo:hover,.project-card--custom-accent .open-demo:focus-visible{background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent-from, #2563eb) 24%,rgba(27,27,27,.88)),color-mix(in srgb,var(--project-accent-to, #22c55e) 22%,rgba(36,36,36,.9)));border-color:color-mix(in srgb,var(--project-accent-to, #22c55e) 58%,transparent);box-shadow:0 6px 16px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 28%,transparent)}.project-card--custom-accent .project-accent-rail{background:linear-gradient(90deg,var(--project-accent-from, #2563eb),var(--project-accent-mid, #06b6d4),var(--project-accent-to, #22c55e));box-shadow:0 0 12px color-mix(in srgb,var(--project-accent-mid, #06b6d4) 40%,transparent)}:global(.capture-mode) .project-title-accent,:global(.capture-mode) .project-accent-word{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:initial!important;color:#ff6b35!important}.project-inspector{position:relative;z-index:3;width:100%;padding:0 1rem 1rem;box-sizing:border-box;overflow:visible}.project-inspector-frame{position:relative;width:min(100%,74rem);margin:0 auto;z-index:1;opacity:0;transform:translate3d(-220px,0,0);animation:inspector-frame-bounce .78s linear both}.project-nav-arrow{position:absolute;top:50%;width:3.55rem;height:4.2rem;padding:.35rem .25rem .45rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#1e1e1e99,#0f0f0fcc);color:#f5f5f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;display:grid;align-content:center;justify-items:center;gap:.1rem;box-shadow:0 16px 28px #0006,inset 0 1px #ffffff1a;transform:translateY(-50%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:4}.project-nav-arrow:after{content:"";width:1.35rem;height:2px;margin-top:.14rem;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 82%,transparent),transparent);opacity:.5;transition:opacity .3s ease}.project-nav-arrow:hover,.project-nav-arrow:focus-visible{transform:translateY(calc(-50% - 4px)) scale(1.05);border-color:color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 42%,transparent);box-shadow:0 20px 35px #00000080,0 0 15px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 22%,transparent)}.project-nav-arrow:hover:after,.project-nav-arrow:focus-visible:after{opacity:1}.project-nav-arrow--prev{left:-4.5rem}.project-nav-arrow--next{right:-4.5rem}.project-nav-arrow-icon{font-size:1.7rem;line-height:1}.project-nav-arrow-label{font-family:Space Mono,monospace;font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bab2ab}.project-inspector-shell{width:100%;padding:1.6rem 2rem 2rem;border-radius:28px;background:#181818;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px #000c,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000080;position:relative;overflow:hidden;box-sizing:border-box}.project-inspector-shell-stage{position:relative;display:grid}.project-inspector-shell-card{grid-area:1 / 1}.project-inspector-shell:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--preview-accent-from),var(--preview-accent-mid, var(--preview-accent-to)),var(--preview-accent-to),transparent);opacity:.8;box-shadow:0 2px 10px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 40%,transparent)}.project-inspector-close{width:42px;height:42px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f5f5f5;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0000004d}.project-inspector-close:hover,.project-inspector-close:focus-visible{background:linear-gradient(135deg,var(--preview-accent-from, #ce422b),var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)),var(--preview-accent-to, #ffaa00));color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 44%,transparent)}.project-inspector-grid{display:grid;grid-template-areas:"visuals copy";grid-template-columns:minmax(0,1.5fr) minmax(20rem,.9fr);gap:2.5rem;align-items:stretch;position:relative;z-index:1}.project-inspector-visuals{grid-area:visuals;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.project-inspector-main{position:relative;aspect-ratio:16 / 10;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#050505;overflow:hidden;box-shadow:inset 0 0 40px #000c,0 10px 30px #0006}.project-inspector-main:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.15;z-index:0}.project-inspector-main-asset,.project-inspector-main-asset :global(picture){position:absolute;inset:0;display:grid;place-items:center;padding:0;box-sizing:border-box;z-index:1}.project-inspector-interactive{position:absolute;inset:0}.project-inspector-image{width:100%;height:100%;display:block;position:relative;z-index:1}.project-inspector-image--contain{object-fit:contain}.project-inspector-image--cover{object-fit:cover}.project-inspector-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:2rem}.project-inspector-placeholder-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:2.25rem 2.25rem;-webkit-mask-image:radial-gradient(circle at center,black 32%,transparent 92%);mask-image:radial-gradient(circle at center,black 32%,transparent 92%)}.project-inspector-placeholder-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.55rem;text-align:center}.project-inspector-placeholder-copy span{font-family:Fira Sans,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bfb7af}.project-inspector-placeholder-copy strong{font-family:Fira Sans,sans-serif;font-size:1.2rem;color:#f5f5f5}.gallery-nav{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none}.project-inspector-main:hover .gallery-nav{opacity:1;pointer-events:none}.gallery-arrow{width:48px;height:48px;background:#0f0f0fd9;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 20px #0006;pointer-events:auto}.gallery-arrow:hover,.gallery-arrow:focus-visible{background:linear-gradient(135deg,var(--preview-accent-from, #ce422b),var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)),var(--preview-accent-to, #ffaa00));transform:scale(1.1);box-shadow:0 0 20px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 52%,transparent)}.project-inspector-thumbs{display:flex;flex-wrap:wrap;gap:.85rem}.project-inspector-thumb{position:relative;width:5.5rem;aspect-ratio:16 / 10;padding:0;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;background:#111;cursor:pointer;opacity:.6;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-inspector-thumb:hover,.project-inspector-thumb:focus-visible{opacity:1;transform:translateY(-4px);border-color:#fff3;box-shadow:0 8px 20px #00000080}.project-inspector-thumb.active{opacity:1;transform:translateY(-2px);border-color:var(--preview-accent-mid, var(--preview-accent-to, #ffaa00));box-shadow:0 6px 15px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 28%,transparent),inset 0 0 0 1px var(--preview-accent-mid, var(--preview-accent-to, #ffaa00))}.project-inspector-thumb :global(picture){display:block;width:100%;height:100%}.project-inspector-thumb-image{width:100%;height:100%;object-fit:contain;display:block;padding:.2rem;background:radial-gradient(circle at top,rgba(96,165,250,.12),transparent 48%),linear-gradient(180deg,#0e172bf5,#080c18fa)}.project-inspector-thumb-badge{position:absolute;left:.35rem;bottom:.35rem;padding:.16rem .34rem;border-radius:6px;background:#050505d9;border:1px solid rgba(255,255,255,.1);font-family:Space Mono,monospace;font-size:.52rem;font-weight:700;color:#f5f5f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-inspector-copy{grid-area:copy;display:flex;flex-direction:column;gap:1.5rem}.project-inspector-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-inspector-heading{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.project-inspector-icon{display:block;padding-top:.1rem;flex:0 0 auto}.project-glyph{color:#f5f5f5;filter:drop-shadow(0 2px 6px rgba(0,0,0,.32))}.project-glyph--large{width:28px;height:28px}.project-inspector-title-row h3{margin:0;display:flex;flex-wrap:wrap;gap:.35rem;min-width:0;font-size:2.1rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.project-inspector-close{flex:0 0 auto;margin-left:auto}.project-title-accent{background:linear-gradient(135deg,var(--preview-title-accent-from, #ce422b),var(--preview-title-accent-mid, #ff6b35),var(--preview-title-accent-to, #ffaa00));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.project-title-rest{color:#fff}.project-inspector-summary{margin:0;font-size:1.05rem;line-height:1.6;color:#c4c4c4}.project-inspector-meta-grid{display:flex;flex-direction:column;gap:1.25rem}.project-inspector-meta-group{display:flex;flex-direction:column;gap:.6rem}.project-inspector-panel-label{padding-left:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a}.project-inspector-panel{padding:1.4rem 1.5rem;border-radius:20px;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff08,0 4px 12px #0003;transition:all .3s ease}.project-inspector-panel:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 34%,transparent)}.arch-carousel-panel{position:relative;overflow:hidden;padding-top:1rem;padding-bottom:1rem}.architecture-list{position:relative;width:100%;min-height:7.2rem;display:flex;align-items:stretch}.arch-item{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translate(-120%);pointer-events:none;transition:none}.arch-item.active{opacity:1;transform:translate(0);transition:transform .72s cubic-bezier(.22,1.2,.36,1),opacity .5s ease;pointer-events:auto}.arch-item.exit{opacity:0;transform:translate(120%);transition:transform .5s ease-in,opacity .4s ease}.arch-item-title{display:block;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.35rem;letter-spacing:-.01em}.arch-item p{margin:0;font-size:.95rem;line-height:1.55;color:#c4c4c4}.project-inspector-stack{display:flex;flex-wrap:wrap;gap:.5rem}.project-inspector-stack-chip{padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#0006;font-size:.7rem;font-weight:600;color:#d1d1d1;transition:all .2s cubic-bezier(.25,.8,.25,1);cursor:default}.project-inspector-stack-chip:hover,.project-inspector-stack-chip:focus-visible{background:color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 16%,transparent);border-color:color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 42%,transparent);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px color-mix(in srgb,var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)) 24%,transparent)}.project-inspector-stack-desc{margin-top:1rem;min-height:2.4rem;padding-top:.75rem;border-top:1px dashed rgba(255,255,255,.08);font-size:.8rem;line-height:1.4;color:#8a8a8a;transition:all .3s ease}.project-inspector-stack-desc.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3)}@keyframes inspector-frame-bounce{0%{opacity:0;transform:translate3d(-220px,0,0);animation-timing-function:cubic-bezier(.22,1,.36,1)}62%{opacity:1;transform:translate3d(26px,0,0);animation-timing-function:cubic-bezier(.34,1.3,.64,1)}79%{transform:translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.34,1.15,.64,1)}91%{transform:translate3d(4px,0,0);animation-timing-function:cubic-bezier(.22,1,.36,1)}to{opacity:1;transform:translateZ(0)}}:global(.capture-mode) .project-title-accent{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:initial!important;color:var(--preview-title-accent-mid, var(--preview-accent-mid, var(--preview-accent-to, #ffaa00)))!important}:global(.capture-mode) .project-inspector-frame{animation:none!important}@media(prefers-reduced-motion:reduce){.project-inspector-frame{animation:none}.arch-item.active,.arch-item.exit{transition:none}}@media(max-width:1100px){.project-nav-arrow--prev{left:-1rem}.project-nav-arrow--next{right:-1rem}}@media(max-width:900px){.project-inspector-grid{grid-template-areas:"visuals" "copy";grid-template-columns:1fr}.project-nav-arrow{width:3rem;height:3.5rem}.project-nav-arrow-label{display:none}}@media(max-width:768px){.project-inspector{padding:0 .75rem 1rem}.project-inspector-frame{margin:0 auto}.project-inspector-shell{padding:1.25rem;border-radius:22px}.project-nav-arrow{top:12rem;width:2.85rem;height:3rem;padding:.2rem}.project-nav-arrow:after,.project-nav-arrow-label{display:none}.project-nav-arrow--prev{left:.35rem}.project-nav-arrow--next{right:.35rem}.project-inspector-thumbs{gap:.65rem}.project-inspector-thumb{width:4.6rem}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2{font-family:Alfa Slab One,serif;margin:0}h3,h4{font-family:Space Mono,monospace;margin:0}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:#f5f5f5;margin-bottom:.75rem}h4{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}p{line-height:1.7;margin:0}.lead{font-size:1.25rem;font-weight:300;color:#f5f5f5;margin-bottom:1.5rem}strong{font-weight:600;background:linear-gradient(135deg,#ce422b,#ff6b35,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-icon{font-family:Space Mono,monospace;font-weight:700;font-size:.95em;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 .25rem}section{padding:8rem 0;position:relative}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{font-size:clamp(2.5rem,6vw,4rem);background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:inline-block}.heat-line{height:2px;width:200px;margin:0 auto;background:linear-gradient(90deg,transparent,#ce422b,#ff6b35,#ce422b,transparent);box-shadow:0 0 10px #ce422b80}.animate-on-scroll{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.animate-on-scroll.visible{opacity:1;transform:translate(0) translateY(0)!important}:global(.capture-mode) .animate-on-scroll{opacity:1;transform:translate(0) translateY(0)!important;transition:none!important}:global(.capture-mode) *,:global(.capture-mode) *:before,:global(.capture-mode) *:after{transition:none!important;animation:none!important}:global(.capture-mode) strong,:global(.capture-mode) .tech-icon,:global(.capture-mode) .section-header h2{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:initial!important}:global(.capture-mode) .section-header h2{color:#ff6b35!important}:global(.capture-mode) strong,:global(.capture-mode) .tech-icon{color:#ff6b35!important}.slide-left{transform:translate(-60px)}.slide-right{transform:translate(60px)}.slide-up{transform:translateY(40px)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transform:none!important;transition:none}.animate-on-scroll{transition:none!important;animation:none!important;transform:none!important}}@media(max-width:768px){section{padding:4rem 0}.container{padding:0 1.5rem}}.projects{background:radial-gradient(ellipse at top,#2a2a2a,#1a1a1a 50%)}.projects .section-header h2{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;color:var(--projects-theme-main, #ff6b35);text-shadow:0 0 18px color-mix(in srgb,var(--projects-theme-main, #ff6b35) 18%,transparent);transition:color .28s ease,text-shadow .28s ease}.projects .heat-line{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--projects-theme-main, #ff6b35) 42%,transparent),var(--projects-theme-main, #ff6b35),color-mix(in srgb,var(--projects-theme-main, #ff6b35) 42%,transparent),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--projects-theme-main, #ff6b35) 36%,transparent);transition:background .28s ease,box-shadow .28s ease}.section-intro{text-align:center;font-size:1.1rem;color:color-mix(in srgb,var(--projects-theme-soft, #f5f5f5) 58%,#f5f5f5);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;transition:color .28s ease}.projects .section-intro strong{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;color:var(--projects-theme-main, #ff6b35);text-shadow:0 0 14px color-mix(in srgb,var(--projects-theme-main, #ff6b35) 14%,transparent);transition:color .28s ease,text-shadow .28s ease}.projects-stage{position:relative;min-height:44rem;overflow:hidden}.projects-stage.preview-active{min-height:0;overflow:visible}.project-grid-shell{position:relative;z-index:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s ease,filter .4s ease}.projects-stage.preview-active .project-grid-shell{transform:translate(120vw) scale(.9);opacity:0;filter:blur(10px) saturate(.7);pointer-events:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}@media(max-width:1024px){.projects-stage.preview-active .project-grid-shell{transform:translate(100vw) scale(.92)}}@media(max-width:768px){.projects-stage{min-height:auto}.projects-stage.preview-active .project-grid-shell{transform:translate(0) scale(.95);opacity:0}}body{margin:0;padding:0;overflow-x:hidden;background:#1a1a1a;color:#f5f5f5}.portfolio.svelte-18kkc7t{scroll-behavior:smooth;color:#f5f5f5;font-family:Space Mono,monospace;background:#1a1a1a}.about-mobile :global(strong){font-weight:600;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-mobile{display:flex;flex-direction:column;gap:1.5rem}.skill-item .name{display:block;margin-bottom:.5rem;font-weight:600}.bar{height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#ce422b,#ff6b35);border-radius:4px;box-shadow:0 0 10px #ce422b80}.cta-button-mobile{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.75rem 2rem;margin:2rem 0;width:100%;background:linear-gradient(135deg,#ce422b,#ff6b35,#fa0);background-size:200% 200%;border:none;border-radius:12px;cursor:pointer;box-shadow:0 6px 30px #ce422b80;transition:all .2s;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cta-button-mobile:active{transform:scale(.98);box-shadow:0 4px 20px #ce422b99}.cta-button-mobile .cta-icon{font-size:1.5rem}.cta-button-mobile .cta-text{font-family:Alfa Slab One,serif;font-size:1.5rem;font-weight:900;color:#1a1a1a;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.15)}.contact-links{display:flex;flex-direction:column;gap:1rem}.link{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#2a2a2a;border:1px solid rgba(255,255,255,.05);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.link:active{background:#333;border-color:#ce422b;transform:scale(.98);box-shadow:0 4px 15px #ce422b4d}.link:active .icon{transform:scale(1.1) rotate(5deg);transition:transform .2s ease-out}.link .icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.link .text{font-weight:600;font-size:1rem}.footer-mobile{padding:2rem 1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:#a0a0a0;font-size:.9rem}.footer-mobile p{margin:.5rem 0}.mobile-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-family:Alfa Slab One,serif;font-size:1.5rem;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-toggle{background:none;border:none;color:#f5f5f5;font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;display:flex;flex-direction:column;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu button{padding:1rem;background:none;border:none;color:#f5f5f5;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.mobile-menu button:active{background:#2a2a2a;color:#ce422b}.hero-mobile{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:2rem 1.5rem}.forge-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(206,66,43,.3) 0%,transparent 70%);filter:blur(60px);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:.8}}.title{font-family:Alfa Slab One,serif;font-size:3rem;background:linear-gradient(135deg,#ce422b,#ff6b35,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;position:relative}.molten-bar{height:4px;width:150px;background:linear-gradient(90deg,#ce422b,#ff6b35,#fa0);margin:1rem auto;box-shadow:0 0 15px #ce422b99}.subtitle{font-size:1.2rem;color:#f5f5f5;margin-bottom:2rem}.badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.badges span{padding:.45rem .75rem;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f5f5f5;font-size:.82rem}section{padding:4rem 1.5rem}h2{font-family:Alfa Slab One,serif;font-size:2rem;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}h3{font-family:Fira Sans,sans-serif;font-size:1.3rem;font-weight:600;color:#f5f5f5;margin-bottom:.5rem}.tech-icon{font-family:Fira Mono,monospace;font-weight:700;font-size:.95em;background:linear-gradient(135deg,#ce422b,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 .25rem}.divider{height:2px;width:100px;background:linear-gradient(90deg,#ce422b,#ff6b35);margin-bottom:2rem}.lead{font-size:1.2rem;line-height:1.7;color:#f5f5f5;margin-bottom:2rem}.project-cards{display:flex;flex-direction:column;gap:1.5rem}.card{padding:1.5rem;background:#2a2a2a;border:1px solid rgba(255,255,255,.05);border-radius:12px}.project-preview{position:relative;height:180px;margin-bottom:1rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#0003)}.project-preview__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.project-preview--brand{background:linear-gradient(180deg,#0e172bf5,#080c18fa)}.project-preview__brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;text-align:center}.project-preview__brand-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;background:#101f3ef5;border:1px solid rgba(147,197,253,.28);box-shadow:0 16px 30px #02061759,inset 0 1px #ffffff14}.project-preview__brand-copy{display:flex;flex-direction:column;gap:.2rem}.project-preview__brand-logo{display:block;width:2.2rem;height:2.2rem;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(15,23,42,.32))}.project-preview__brand-copy strong{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#1e3a8a,#2563eb 48%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.project-preview__brand-copy span{font-size:.76rem;font-weight:600;color:#bfdbfe;letter-spacing:.04em;text-transform:uppercase}.project-preview :global(picture){position:absolute;inset:0;display:block}.project-preview__chrome{position:absolute;top:.75rem;left:.75rem;z-index:1}.project-preview__eyebrow{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:#0a0a0ab8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#f5f5f5}.project-preview__placeholder{height:100%;padding:.9rem}.project-preview__window{display:grid;grid-template-columns:62px 1fr;gap:.75rem;height:100%;padding-top:1.8rem}.project-preview__sidebar{border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.project-preview__content{display:flex;flex-direction:column;gap:.7rem}.project-preview__headline{font-size:.95rem;font-weight:700;color:#f5f5f5}.project-preview__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.project-preview__rows{display:grid;gap:.45rem}.project-preview__metrics span,.project-preview__rows span{display:block;border-radius:999px;background:#ffffff1f}.project-preview__metrics span{height:2.4rem}.project-preview__rows span{height:.8rem}.project-preview--erp{background:radial-gradient(circle at top right,rgba(147,197,253,.22),transparent 42%),linear-gradient(135deg,#10203a,#1d4ed8)}.project-preview--crm{background:radial-gradient(circle at top right,rgba(103,232,249,.2),transparent 42%),linear-gradient(135deg,#082f49,#0284c7)}.project-preview--ai{background:linear-gradient(135deg,#0f172a,#0f766e)}.project-preview--analytics{background:linear-gradient(135deg,#312e81,#0f766e)}.project-preview--health{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.card .icon{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:flex-start}.card-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.demo-badge{padding:.1rem .5rem;background:#ea580c33;border:1px solid rgba(234,88,12,.5);border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#ffb88a}.card p{color:#a0a0a0;line-height:1.6;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags span{padding:.3rem .7rem;background:linear-gradient(135deg,#ce422b,#ff6b35);border-radius:4px;font-size:.8rem;font-weight:600;color:#fff}.card-actions{margin-top:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-demo,.open-demo{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;border-radius:6px;font-size:.85rem;font-weight:700;text-decoration:none}.preview-demo{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fafaf9}.open-demo{border:1px solid #ea580c;color:#fafaf9;margin-left:auto}body{margin:0;padding:0;background:#1a1a1a;color:#f5f5f5}.mobile-portfolio.svelte-1fo6al5{min-height:100vh;overflow-x:hidden;color:#f5f5f5;font-family:Fira Sans,sans-serif}body{margin:0;padding:0;scroll-behavior:smooth}