@font-face{font-family:Akzidenz Grotesk;src:url(/portifolio-kleidson/assets/Akzidenz-grotesk-r-schulbuch-regular-C-MSNz1-.ttf)}@font-face{font-family:Akzidenz Grotesk Bold;src:url(/portifolio-kleidson/assets/Akzidenz-grotesk-bold-BbXaqw8M.ttf)}@font-face{font-family:Akzidenz Grotesk Extra Bold;src:url(/portifolio-kleidson/assets/Berthold-akzidenz-grotesk-be-extra-bold-DxcGcXsx.ttf)}:root{--font-akzidenz-regular: "Akzidenz Grotesk", Arial, sans-serif;--font-akzidenz-bold: "Akzidenz Grotesk Bold", Arial, sans-serif;--font-akzidenz-extrabold: "Akzidenz Grotesk Extra Bold", Arial, sans-serif;--font-akaidenz-bold: var(--font-akzidenz-bold);--font-mono: "Roboto Mono", "Cascadia Mono", Consolas, monospace;--color-bg-900: #040009;--color-bg-800: #140024;--color-bg-700: #290050;--color-bg-600: #39006e;--color-panel: rgba(8, 10, 18, .72);--color-panel-strong: rgba(8, 10, 18, .88);--color-border: rgba(0, 255, 255, .2);--color-border-soft: rgba(255, 255, 255, .09);--color-text: #ffffff;--color-muted: #b9c1d4;--color-cyan: #00ffff;--color-green: #00ff88;--shadow-panel: 0 18px 45px rgba(0, 0, 0, .38);--radius-card: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;line-height:1.4;color:var(--color-text);background:var(--color-bg-900);font-family:var(--font-akzidenz-regular)}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ol,ul{list-style:none;margin:0;padding:0}p,h1,h2,h3,h4{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.portfolio-page{min-height:100vh;position:relative;overflow-x:hidden;padding:24px;background:linear-gradient(125deg,var(--color-bg-600),var(--color-bg-700),var(--color-bg-800),#000000);background-size:400% 400%;animation:gradientFlow 15s ease infinite;font-family:var(--font-mono)}.portfolio-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.45) 100%),linear-gradient(#0000,#0000001f);pointer-events:none;z-index:1}.portfolio-background-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:0}.portfolio-main{width:min(1120px,100%);margin:0 auto;padding:76px 0 64px;position:relative;z-index:2}.portfolio-section{margin-top:42px;animation:fadeInUp .5s ease-out both}.portfolio-section:first-child{margin-top:0}.portfolio-section__title,.portfolio-title{display:inline-block;margin:0 0 22px;font-family:var(--font-mono);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;color:var(--color-text);position:relative}.portfolio-section__title:after,.portfolio-title:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-cyan),transparent)}.portfolio-kicker{color:var(--color-green);font-size:.85rem;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.portfolio-lead{max-width:920px;color:#e8edf7;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.portfolio-card{position:relative;overflow:hidden;padding:22px;border-radius:var(--radius-card);background:var(--color-panel);border:1px solid var(--color-border-soft);border-left:4px solid var(--color-cyan);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-card--current{border-left-color:var(--color-green)}.portfolio-card h3{color:var(--color-cyan);font-size:1.25rem;line-height:1.25;margin-bottom:8px}.portfolio-card--current h3{color:var(--color-green)}.portfolio-card p{color:#e5e9f4;line-height:1.65}.portfolio-meta{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px;color:var(--color-muted);font-size:.9rem}.portfolio-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.portfolio-tag{color:#dce7f5;background:#0000004d;border:1px solid rgba(0,255,255,.12);border-radius:4px;padding:5px 9px;font-size:.8rem}.portfolio-bullet-list{display:grid;gap:12px}.portfolio-bullet-list li{position:relative;padding-left:20px;color:#e8edf7;line-height:1.6}.portfolio-bullet-list li:before{content:">";position:absolute;left:0;color:var(--color-cyan)}.portfolio-card--current .portfolio-bullet-list li:before{color:var(--color-green)}.code-terminal{width:min(800px,100%);margin:0 auto 34px;overflow:hidden;border-radius:var(--radius-card);background:#1e1e1e;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-panel)}.code-terminal__header{display:flex;align-items:center;gap:10px;padding:10px;background:#323232}.code-terminal__buttons{display:flex;gap:8px}.code-terminal__button{width:12px;height:12px;border-radius:50%}.code-terminal__button--red{background:#ff5f56}.code-terminal__button--yellow{background:#ffbd2e}.code-terminal__button--green{background:#27c93f}.code-terminal__title{flex:1;color:#aaa;text-align:center;font-size:.8rem}.code-terminal__body{min-height:150px;max-height:220px;overflow:auto;padding:15px;color:#ddd;font-size:.9rem;line-height:1.55}.code-terminal__body pre{margin:0;white-space:pre-wrap}.code-terminal__body pre:after{content:"|";animation:blink 1s infinite}.portfolio-back-button{position:fixed;top:20px;left:20px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;background:#1e1e1ed1;color:#ddd;box-shadow:0 3px 10px #0000004d;font-family:var(--font-mono);font-size:.9rem;transition:transform .2s ease,background-color .2s ease}.portfolio-back-button:hover{transform:translateY(-2px);background:#000000b8}.portfolio-back-button:after{content:"|";animation:blink 1s infinite}.portfolio-back-button__prompt{color:var(--color-cyan)}.portfolio-back-button__path{color:#fff}.portfolio-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.portfolio-action{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;border-radius:var(--radius-card);background:#00000057;border:1px solid rgba(0,255,255,.15);color:#fff;transition:transform .2s ease,background-color .2s ease}.portfolio-action:hover{transform:translateY(-2px);background:#00ffff29}.portfolio-action svg{color:var(--color-cyan)}@media (max-width: 768px){.portfolio-page{padding:18px}.portfolio-main{padding-top:70px}.portfolio-card{padding:18px}}.home-container{display:flex;height:100vh;position:relative;overflow:hidden;background:linear-gradient(125deg,#39006e,#290050,#1a0033,#000);background-size:400% 400%;animation:gradientFlow 15s ease infinite;color:#fff;font-family:Roboto Mono,monospace}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.home-container:hover .cursor{width:40px;height:40px;border-color:#0fa}.terminal-container{position:absolute;top:20px;left:20px;width:400px;background-color:#1e1e1ecc;border-radius:8px;box-shadow:0 10px 30px #00000080;overflow:hidden;z-index:10;opacity:0;transform:translateY(-20px);animation:fadeInDown .5s ease-out forwards .5s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.terminal-header{background-color:#323232;padding:10px;display:flex;align-items:center}.terminal-buttons{display:flex;margin-right:10px}.terminal-button{width:12px;height:12px;border-radius:50%;margin-right:8px}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-title{color:#aaa;font-size:.8rem;flex-grow:1;text-align:center}.terminal-body{padding:15px;height:150px;overflow-y:auto;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.5;color:#ddd}.terminal-body pre{margin:0;white-space:pre-wrap}.terminal-body pre:after{content:"|";animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.portfolio-list{flex:1;list-style:none;padding:0 100px 0 0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;position:relative;z-index:5}.menu-item{position:relative;margin:15px 0;perspective:1000px;cursor:pointer;opacity:0;animation:slideInFromRight .8s ease-out forwards}.menu-item:nth-child(1){animation-delay:.2s}.menu-item:nth-child(2){animation-delay:.4s}.menu-item:nth-child(3){animation-delay:.6s}.menu-item:nth-child(4){animation-delay:.8s}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.menu-item-content{display:flex;align-items:center;transform:rotateY(-20deg);transition:transform .3s ease;padding:10px 20px;position:relative}.menu-item:hover .menu-item-content{transform:rotateY(0)}.menu-item-icon{font-family:Roboto Mono,monospace;font-size:2rem;color:#0ff;margin-right:20px;opacity:.8;transition:opacity .3s,transform .3s}.menu-item:hover .menu-item-icon{opacity:1;transform:scale(1.2)}.menu-item-link,.menu-item-link:visited{font-family:var(--font-akaidenz-bold),"Roboto Mono",sans-serif;font-size:5rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.menu-item:hover .menu-item-link{color:transparent;-webkit-text-stroke:2px #00ffff;text-shadow:0 0 10px rgba(0,255,255,.5)}.menu-item-highlight{position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,transparent,#00ffff,transparent);transition:width .3s ease}.menu-item:hover .menu-item-highlight{width:100%;animation:highlightPulse 1.5s infinite}.has-submenu{position:relative}.sublist{position:absolute;right:100%;top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:20px;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,transform .3s ease;background-color:#0006;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0000004d;border-left:3px solid #00ffff;transform:translateY(-50%) translate(20px);pointer-events:none;min-width:200px}.has-submenu:hover .sublist{opacity:1;max-height:300px;transform:translateY(-50%) translate(0);pointer-events:all}.sublist li{margin:10px 0;opacity:0;transform:translate(20px);transition:transform .3s ease,opacity .3s ease}.has-submenu:hover .sublist li{opacity:1;transform:translate(0);transition-delay:calc(.1s * var(--index))}.has-submenu:hover .sublist li:nth-child(1){--index: 1}.has-submenu:hover .sublist li:nth-child(2){--index: 2}.has-submenu:hover .sublist li:nth-child(3){--index: 3}.sublist li a{display:flex;align-items:center;font-family:Roboto Mono,monospace;font-size:1.2rem;color:#ddd;text-decoration:none;transition:color .3s,transform .3s;padding:8px 12px;border-radius:4px;background-color:#0003;width:100%}.sublist li a:hover{color:#0ff;transform:translate(5px);background-color:#00ffff1a}.project-icon{margin-right:10px;font-size:1.2rem;color:#0ff}.fixed-info{position:fixed;bottom:30px;left:30px;color:#fff;text-align:left;z-index:10;background-color:#0006;padding:20px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:3px solid #00ffff;box-shadow:0 5px 15px #0000004d;transform:translateY(100%);animation:slideUp .5s ease-out forwards 1s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-name{font-size:1.8rem;font-weight:700;margin-bottom:15px;position:relative;color:#0ff}.highlight-char{color:#0f8;animation:pulsate 1.5s infinite}@keyframes pulsate{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.info-details{margin-bottom:15px}.info-line{display:flex;margin-bottom:8px;font-size:.9rem;align-items:center}.info-label{color:#0ff;width:60px;font-family:Roboto Mono,monospace}.info-value{color:#fff;display:flex;align-items:center;gap:5px}.social-links{display:flex;gap:15px;margin-top:15px}.social-links a{color:#fff;font-size:1.5rem;transition:color .3s,transform .3s}.social-links a:hover{color:#0ff;transform:translateY(-3px)}.database-icon-container{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:20px;z-index:10;opacity:0;animation:fadeIn .5s ease-out forwards 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.database-icon,.server-icon,.code-icon{font-size:2rem;color:#0ff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:50%;box-shadow:0 0 15px #00ffff4d;transition:transform .3s,box-shadow .3s,color .3s}.database-icon:hover,.server-icon:hover,.code-icon:hover{transform:scale(1.2);box-shadow:0 0 20px #0ff9;color:#0f8}.database-icon{animation:pulse 2s infinite}.server-icon{animation:pulse 2s infinite .6s}.code-icon{animation:pulse 2s infinite 1.2s}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #00ffff4d}50%{transform:scale(1.05);box-shadow:0 0 20px #00ffff80}to{transform:scale(1);box-shadow:0 0 10px #00ffff4d}}.data-flow-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.data-bit{position:absolute;width:2px;height:10px;background-color:#0ff;top:-10px;animation:dataRain 8s linear infinite;opacity:.5}@keyframes dataRain{0%{transform:translateY(-10px);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.transition{animation:pageTransition .5s ease-in-out}@keyframes pageTransition{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.has-submenu:after{content:">";position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:Roboto Mono,monospace;font-size:1.5rem;color:#0ff;opacity:.7;transition:transform .3s,opacity .3s}.has-submenu:hover:after{transform:translateY(-50%) rotate(270deg);opacity:1}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.menu-item:hover .menu-item-link,.menu-item:hover span.menu-item-link{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;animation-delay:.15s}.sublist li a:focus{outline:2px solid #00ffff;outline-offset:2px}.sublist:before{content:"// projects";position:absolute;top:-20px;left:20px;font-family:Roboto Mono,monospace;font-size:.8rem;color:#0fa;opacity:0;transition:opacity .3s}.has-submenu:hover .sublist:before{opacity:1}.sublist:after{content:"";position:absolute;bottom:10px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);opacity:0;transition:opacity .3s}.has-submenu:hover .sublist:after{opacity:1}@keyframes typeIn{0%{width:0}to{width:100%}}.has-submenu:hover .sublist li a{position:relative;overflow:hidden}.has-submenu:hover .sublist li a:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#00ffff1a;animation:typeIn .5s forwards;animation-delay:calc(.2s * var(--index))}.has-submenu .menu-item-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s;z-index:-1;border-radius:8px}.has-submenu:hover .menu-item-content:before{opacity:1}@media (max-width: 1024px){.portfolio-list{padding-right:50px}.menu-item-link,.menu-item-link:visited{font-size:4rem}.terminal-container{width:350px}.database-icon-container{right:10px}}@media (max-width: 768px){.portfolio-list{align-items:center;padding-right:0;padding-left:0;width:100%}.menu-item{margin:10px 0;width:100%;text-align:center}.menu-item-content{justify-content:center;transform:none}.menu-item-link,.menu-item-link:visited{font-size:2.5rem}.menu-item-icon{font-size:1.5rem;margin-right:10px}.terminal-container{width:90%;max-width:350px;left:50%;top:10px;transform:translate(-50%);animation:fadeInDown .5s ease-out forwards .5s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}.terminal-body{height:120px}.fixed-info{left:50%;bottom:10px;width:90%;max-width:350px;padding:15px;transform:translate(-50%) translateY(100%)}@keyframes slideUp{0%{transform:translateY(100%) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.info-name{font-size:1.5rem}.info-line{font-size:.8rem}.social-links{justify-content:center}.database-icon-container{flex-direction:row;top:auto;right:auto;bottom:80px;left:50%;transform:translate(-50%);gap:15px}.database-icon,.server-icon,.code-icon{width:40px;height:40px;font-size:1.5rem}.has-submenu:after{right:10px;font-size:1.2rem}.sublist{position:relative;right:auto;top:auto;transform:none;margin:10px auto;width:90%;max-width:300px;background-color:#0009;border-left:none;border-top:3px solid #00ffff}.has-submenu:hover .sublist{transform:none}.sublist:before{top:-15px;left:10px}}@media (max-width: 480px){.menu-item-link,.menu-item-link:visited{font-size:2rem}.menu-item-icon{font-size:1.2rem;margin-right:8px}.terminal-container{max-width:95%}.terminal-body{height:100px;font-size:.8rem}.fixed-info{max-width:95%;padding:10px}.info-name{font-size:1.3rem;margin-bottom:10px}.info-line{margin-bottom:5px}.info-label{width:50px}.database-icon,.server-icon,.code-icon{width:35px;height:35px;font-size:1.2rem}.sublist li a{font-size:1rem;padding:6px 10px}.project-icon{font-size:1rem}@media (max-height: 500px){.terminal-container{display:none}.portfolio-list{justify-content:flex-start;padding-top:20px}.menu-item{margin:5px 0}.fixed-info{position:relative;bottom:auto;left:auto;margin:10px auto;transform:none;animation:none;opacity:1}.database-icon-container{bottom:10px}}}@media (min-width: 1600px){.menu-item-link,.menu-item-link:visited{font-size:6rem}.menu-item-icon{font-size:2.5rem}.terminal-container{width:500px}.terminal-body{height:200px;font-size:1rem}.fixed-info{padding:25px;width:450px}.info-name{font-size:2.2rem}.info-line{font-size:1.1rem}.database-icon,.server-icon,.code-icon{width:60px;height:60px;font-size:2.5rem}}@media (hover: none){.menu-item-content{transform:none}.menu-item:active .menu-item-link{color:transparent;-webkit-text-stroke:2px #00ffff;text-shadow:0 0 10px rgba(0,255,255,.5)}.has-submenu:after{opacity:1}.sublist{transition:max-height .5s ease,opacity .5s ease}.has-submenu:active .sublist{opacity:1;max-height:300px;pointer-events:all}.sublist li a:active{color:#0ff;background-color:#00ffff1a}}#root{min-height:100vh}.about-hero__content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:22px;align-items:start}.about-summary{padding:26px;border-radius:var(--radius-card);background:#00000042;border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-summary h2{color:var(--color-cyan);font-size:clamp(1.35rem,3vw,2rem);margin-bottom:8px}.about-role{color:var(--color-green);font-weight:700;margin-bottom:18px}.about-summary p:not(.about-role){color:#e9eef8;line-height:1.7;margin-top:14px}.about-contact-card{display:grid;gap:12px}.about-contact-item{display:flex;align-items:center;gap:10px;color:#e9eef8;line-height:1.4}.about-contact-item svg{flex:0 0 auto;color:var(--color-cyan)}.about-experience-list{display:grid;gap:20px}.about-job-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.about-period{flex:0 0 auto;color:var(--color-cyan);border:1px solid rgba(0,255,255,.2);background:#00ffff14;border-radius:999px;padding:6px 10px;font-size:.86rem}.portfolio-card--current .about-period{color:var(--color-green);border-color:#00ff8840;background:#00ff8814}.about-skill-card .portfolio-tag-list{margin-bottom:0}@media (max-width: 820px){.about-hero__content{grid-template-columns:1fr}.about-job-header{flex-direction:column}.about-period{align-self:flex-start}}.formation-highlight{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin-top:22px}.formation-highlight__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--color-green);background:#00ff881a;border:1px solid rgba(0,255,136,.25);font-size:2rem}.formation-highlight h2{color:var(--color-green);font-size:clamp(1.35rem,3vw,2rem);margin-bottom:8px}.formation-degree{color:#fff;font-size:1.1rem;font-weight:700}.formation-track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px}.formation-track-card__header{display:flex;gap:12px;align-items:center}.formation-track-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--color-cyan);background:#00ffff1a;border:1px solid rgba(0,255,255,.2);font-size:1.25rem}@media (max-width: 640px){.formation-highlight{grid-template-columns:1fr}.formation-highlight__icon{width:60px;height:60px}}.project-hero__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:22px;align-items:start}.project-summary{display:grid;gap:14px;padding:26px;border-radius:var(--radius-card);background:#00000042;border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-summary p{color:#e9eef8;line-height:1.7;font-size:1.05rem}.project-meta-card{display:grid;gap:14px}.project-meta-row{display:flex;gap:10px;align-items:center;color:#e9eef8}.project-meta-row svg{color:var(--color-cyan);flex:0 0 auto}.project-feature-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.project-feature-card svg{color:var(--color-cyan);font-size:1.3rem;margin-top:2px}.project-detail-list{display:grid;gap:18px}.project-stack-card{display:flex;align-items:center;gap:18px}.project-stack-card__icon{display:flex;color:var(--color-cyan);font-size:1.5rem;gap:10px}.project-stack-card .portfolio-tag-list{margin:0}@media (max-width: 820px){.project-hero__layout{grid-template-columns:1fr}.project-stack-card{align-items:flex-start;flex-direction:column}}.contact-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:22px;align-items:start;margin-top:22px}.contact-info-card{display:grid;gap:14px}.contact-item{display:flex;gap:10px;align-items:center;color:#e9eef8;line-height:1.45}.contact-item svg{flex:0 0 auto;color:var(--color-cyan)}.contact-form{display:grid;gap:16px;margin-top:16px}.contact-form label{display:grid;gap:8px;color:#dfe7f5;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(0,255,255,.16);border-radius:var(--radius-card);background:#0000005c;color:#fff;padding:12px 13px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#00ffff8c;box-shadow:0 0 0 3px #00ffff17}.contact-submit{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:var(--radius-card);cursor:pointer;color:#001313;background:var(--color-cyan);font-weight:800;transition:transform .2s ease,opacity .2s ease}.contact-submit:hover:not(:disabled){transform:translateY(-2px)}.contact-submit:disabled{cursor:not-allowed;opacity:.75}.contact-submit--success{background:var(--color-green)}.contact-submit--error{background:#ff6b6b;color:#fff}.contact-status{border-radius:var(--radius-card);padding:10px 12px;font-size:.92rem}.contact-status--success{color:var(--color-green);background:#00ff881a;border:1px solid rgba(0,255,136,.25)}.contact-status--error{color:#ffb6b6;background:#ff46461f;border:1px solid rgba(255,70,70,.25)}@media (max-width: 860px){.contact-layout{grid-template-columns:1fr}}