:root{--primary-color: #ffffff;--bg-color: #050505;--accent-color: #0088ff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);font-family:Outfit,sans-serif;overflow:hidden;height:100vh;color:var(--primary-color)}canvas{position:fixed;top:0;left:0;outline:none;z-index:1}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;transition:opacity .8s ease-out}.hero-split{transition:opacity .5s ease;opacity:1}.hero-hidden{opacity:0;pointer-events:none}.loader-content{text-align:center;width:300px}.loader-content h1{font-weight:700;letter-spacing:8px;margin-bottom:30px;font-size:1.5rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);animation:pulse-text 2s infinite ease-in-out}@keyframes pulse-text{0%,to{opacity:.8;text-shadow:0 0 10px rgba(255,255,255,.3)}50%{opacity:1;text-shadow:0 0 25px rgba(255,255,255,.8)}}.progress-bar-container{width:100%;height:4px;background-color:#ffffff1a;position:relative;overflow:hidden;border-radius:2px}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#08f,#0ff);box-shadow:0 0 15px #08fc;transition:width .1s linear}.loading-status-text{margin-top:15px;font-size:.9rem;color:#888;font-family:Courier New,monospace;letter-spacing:1px;min-height:1.2rem;opacity:.8}.enter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;justify-content:center;align-items:center;pointer-events:none}.glass-btn{pointer-events:auto;padding:18px 50px;background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,136,255,.3);color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem;letter-spacing:4px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px;opacity:0;transform:translateY(30px);box-shadow:0 0 15px #0088ff1a,inset 0 0 20px #0088ff0d;position:relative;overflow:hidden}.glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.glass-btn:hover{background:#0088ff1a;border-color:#08fc;box-shadow:0 0 30px #08f6,inset 0 0 20px #0088ff1a;transform:translateY(20px) scale(1.05);text-shadow:0 0 8px rgba(0,136,255,.8)}.glass-btn:hover:before{left:100%}.hidden{display:none}.opacity-0{opacity:0;pointer-events:none}.fade-in{opacity:1!important;transform:translateY(0)!important}#app{position:relative;z-index:2;width:100%;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}#app.active{opacity:1;pointer-events:auto}.hero-split{display:flex;min-height:100vh;width:100%;align-items:center}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;pointer-events:none;position:relative;z-index:5}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(to left,#050505e6,#05050599,#05050500);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative}.hero-content{width:100%;max-width:650px;display:flex;flex-direction:column;gap:-1rem;min-height:400px}#hero-swap-container{display:grid;grid-template-areas:"content";width:100%;position:relative;align-items:center}#hero-text-view,#hero-contact-view{grid-area:content;width:100%;transition:opacity .4s ease,transform .4s ease;opacity:0;pointer-events:none;transform:translateY(10px);z-index:1}#hero-text-view.active,#hero-contact-view.active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:2;position:relative}.hero-actions{display:flex;justify-content:flex-start;z-index:5}.intro-text{font-weight:300;text-transform:uppercase;letter-spacing:3px;font-size:.9rem;color:#888;margin-bottom:.5rem}.hero-name{font-size:4rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;font-weight:500;color:var(--accent-color);margin-bottom:2rem}.tagline{margin-top:2rem;font-weight:700;font-size:1.1rem;letter-spacing:1px}.description{font-weight:300;color:#ccc;margin-bottom:2rem}.small-btn{padding:10px 25px;font-size:.9rem;text-decoration:none;display:inline-block;opacity:1;transform:translateY(0)}.hero-nav{display:flex;gap:15px;margin-top:2rem}.nav-link{color:#888;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s;border-bottom:1px solid transparent}.nav-link:hover{color:var(--accent-color);border-color:var(--accent-color)}@media(max-width:768px){.hero-split{flex-direction:column}.hero-left{min-height:50vh;height:auto;padding:2rem 1rem}.hero-right{height:auto;padding:2rem 1rem;background:#050505cc}.hero-name{font-size:2.5rem}}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px}.cards-stack{display:flex;flex-direction:column;gap:1.5rem;max-width:550px;width:100%;margin:0;pointer-events:auto}.expertise-card{background:#0a0a0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .4s ease;display:flex;flex-direction:column;cursor:pointer;position:relative}.expertise-card:hover{border-color:var(--accent-color);box-shadow:0 10px 30px #08f3;transform:translateY(-5px);background:#0f0f19cc}.card-header{display:flex;align-items:center;padding:2.5rem;gap:2rem;position:relative;pointer-events:none}.card-image-wrapper{display:none;flex-shrink:0;width:260px;height:180px;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.expertise-card:hover .card-img{transform:scale(1.1)}.card-header-text{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.expertise-card h3{font-size:1.25rem;margin:0;color:#fff;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags span{font-size:.7rem;padding:3px 8px;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ccc;background:#ffffff0d}.card-desc{color:#aaa;margin:0;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-icon{flex-shrink:0;color:#666;transition:transform .4s ease,color .3s}.expertise-card:hover .card-icon{color:var(--accent-color);transform:scale(1.2)}.card-details{display:none}.detail-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:2rem}.detail-view.active{opacity:1;pointer-events:auto}.detail-content-inner{background-color:#000a144d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:linear-gradient(rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.1) 1px,transparent 1px);background-size:30px 30px;background-position:center;border:2px solid #00f0ff;box-shadow:0 0 30px #00f0ff26,inset 0 0 20px #00f0ff0d;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);border-radius:0;width:100%;max-width:98vw;max-height:90vh;overflow-y:auto;position:relative;padding:3rem;font-family:Courier New,Courier,monospace;color:#00f0ff;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(.19,1,.22,1)}.detail-content-inner:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to bottom,#00141e00 50%,#0003 50%);background-size:100% 4px;z-index:2;pointer-events:none;opacity:.2}.detail-view.active .detail-content-inner{transform:translateY(0) scale(1)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:2px solid #00f0ff;color:#00f0ff;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;box-shadow:0 0 5px #00f0ff33}.close-btn:hover{background:#00f0ff;color:#000;box-shadow:0 0 20px #00f0ff;text-shadow:none;transform:scale(1.1)}.popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px dashed rgba(0,240,255,.3)}.popup-img-wrapper{width:300px;height:200px;border-radius:2px;overflow:hidden;flex-shrink:0;border:2px solid #00f0ff;box-shadow:0 0 15px #00f0ff33;filter:none}.popup-img{width:100%;height:100%;object-fit:cover}.popup-title-area h2{font-family:Courier New,Courier,monospace;font-size:2.5rem;color:#00f0ff;margin-bottom:.5rem;background:none;-webkit-text-fill-color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.8);text-transform:uppercase;letter-spacing:2px}.popup-title-area .tags span{border-color:#00f0ff;color:#00f0ff;background:#00f0ff1a;font-family:Courier New,Courier,monospace;text-transform:uppercase}.popup-details{color:#00f0ff;line-height:1.6;font-family:Courier New,Courier,monospace;text-shadow:0 0 2px rgba(0,240,255,.3)}.popup-details h4{color:#00f0ff;background:#00f0ff1a;display:inline-block;padding:2px 10px;font-size:1.2rem;margin-top:2rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase;border-left:4px solid #00f0ff}.popup-details hr{border:0;border-top:1px dashed rgba(0,240,255,.3);margin:2rem 0}.detail-content-inner::-webkit-scrollbar{width:8px}.detail-content-inner::-webkit-scrollbar-track{background:#0000004d}.detail-content-inner::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.detail-content-inner::-webkit-scrollbar-thumb:hover{background:#555}.showcase-section{padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;margin-top:2rem}.blueprint-container{max-width:1000px;width:100%;margin-bottom:4rem;border:1px solid rgba(255,255,255,.1);padding:1rem;background:#00000080}.blueprint-img{width:100%;height:auto;display:block;mix-blend-mode:screen}#flash-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;opacity:0;pointer-events:none}.popup-model-btn{position:absolute;bottom:2rem;right:2rem;top:auto;background:transparent;border:1px solid #00f0ff;color:#00f0ff;padding:.5rem 1rem;font-family:Courier New,Courier,monospace;font-size:.9rem;cursor:pointer;z-index:1005;transition:all .3s ease;text-transform:uppercase}.popup-model-btn:hover{background:#00f0ff33;box-shadow:0 0 10px #00f0ff}body.ui-hidden-mode .nav-container,body.ui-hidden-mode .chatbot-widget,body.ui-hidden-mode #chatbot-toggle-btn,body.ui-hidden-mode .hero-split,body.ui-hidden-mode #show-model-btn,body.ui-hidden-mode #xray-btn,body.ui-hidden-mode .popup-close-btn{opacity:0!important;pointer-events:none!important}body.ui-hidden-mode .detail-view,body.ui-hidden-mode .detail-content-inner{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}body.ui-hidden-mode .popup-header,body.ui-hidden-mode #popup-body,body.ui-hidden-mode .close-btn{opacity:0!important;pointer-events:none!important}body.ui-hidden-mode .popup-model-btn{opacity:1!important;pointer-events:auto!important;background:#00000080}.mnist-container{display:flex;flex-direction:column;align-items:center;gap:1em;padding:1em;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}#mnist-image{position:relative;display:grid;grid-template-columns:repeat(14,1fr);aspect-ratio:1;width:200px;background:#000;border:2px solid #333}#mnist-image input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%;height:100%;background:#111;border:1px solid #222;cursor:crosshair;transition:background .1s}#mnist-image input:checked,#mnist-image input.checked{background:#fff;border-color:#fff}#mnist-image:after{content:"← draw";position:absolute;left:100%;top:50%;transform:translate(10px,-50%);font-size:.8rem;color:#888;white-space:nowrap;opacity:.5;pointer-events:none}#drawing.active #mnist-image:after{opacity:0}#clear-btn{display:block;margin:.5em auto 0;padding:4px 12px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;color:inherit;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s}#clear-btn:hover{background:#ffffff1a;border-color:#fff9}.output-display{display:flex;flex-direction:column;align-items:center;gap:.5em;opacity:.5;transition:opacity .3s}.output-display.visible{opacity:1}.output-value{font-family:Courier New,monospace;font-size:2rem;font-weight:700;height:1.2em;overflow:hidden;background:#222;border-radius:4px;padding:0 .5em;line-height:1.2em}.output-value-container{height:100%}.output-value-inner{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.output-value-inner div{height:1.2em;display:flex;align-items:center;justify-content:center;color:#4af}.hud-left{width:300px}:root{--hud-primary-color: #00ccff;--hud-primary-dim: rgba(0, 204, 255, .4);--hud-primary-glow: rgba(0, 204, 255, .6);--hud-bg-color: transparent;--hud-scanline-color: rgba(0, 50, 80, .5);--hud-glass-bg: rgba(0, 20, 30, .3)}#hud-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:2rem;display:grid;grid-template-columns:250px 1fr;grid-template-areas:"left center";background:radial-gradient(circle at center,transparent 60%,rgba(0,10,20,.8) 100%);pointer-events:none;z-index:1000;opacity:0;font-family:Outfit,sans-serif;font-family:Courier New,Courier,monospace;color:var(--hud-primary-color)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,var(--hud-scanline-color) 50%,var(--hud-scanline-color));background-size:100% 4px;pointer-events:none;z-index:-1;opacity:.3}.panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--hud-primary-dim);background:var(--hud-glass-bg);box-shadow:0 0 10px var(--hud-primary-dim),inset 0 0 20px #00283c1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.panel-header{font-size:1.5rem;border-bottom:2px solid var(--hud-primary-color);padding-bottom:.5rem;margin-bottom:1rem;text-shadow:0 0 5px var(--hud-primary-glow);text-transform:uppercase;letter-spacing:2px}.hud-left{grid-area:left;align-self:start;margin-top:100px}.stat-group{margin-bottom:1.5rem}.stat-label{font-size:1rem;opacity:.8;margin-bottom:.2rem;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;text-shadow:0 0 10px var(--hud-primary-color)}.unit{font-size:1rem}.stat-bar-container{width:100%;height:8px;background:#00325080;border:1px solid var(--hud-primary-dim);margin-top:5px}.stat-bar{height:100%;background:var(--hud-primary-color);width:0%;box-shadow:0 0 5px var(--hud-primary-color);transition:width .2s ease}.stat-value-small{font-size:1.2rem;text-align:right;margin-top:2px}.hud-back-btn{position:absolute;bottom:3rem;right:3rem;background:#14000099;border:1px solid rgba(255,50,50,.3);color:#ff5050cc;padding:12px 40px;font-family:inherit;font-size:1.2rem;letter-spacing:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);pointer-events:auto;opacity:0}#hud-init-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;letter-spacing:.5rem;color:var(--hud-primary-color);text-shadow:0 0 10px var(--hud-primary-glow);text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none}.blink{animation:blink-anim .5s infinite alternate}@keyframes blink-anim{0%{opacity:.3}to{opacity:1}}.hud-back-btn:hover{background:#320000cc;border-color:#f33;color:#fff;box-shadow:0 0 20px #f006;transform:translateY(-2px)}.hud-back-btn:active{transform:translateY(1px)}.chatbot-widget{position:fixed;bottom:90px;left:20px;width:500px;min-width:320px;height:600px;min-height:400px;z-index:1000;display:flex;flex-direction:column;background:#0a0a0ad9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 10px 40px #0009;transform:translateY(0) scale(1);opacity:1;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s ease;overflow:hidden;resize:both}.chatbot-widget.hidden{transform:translateY(20px) scale(.9);opacity:0;pointer-events:none}.chat-header-simple{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative;background:linear-gradient(to right,rgba(0,136,255,.1),transparent);cursor:default}.chatbot-header-small{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:.2rem}.chat-header-simple h3{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.minimize-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10}.minimize-btn:hover{background:#ffffff1a;color:#fff}.minimize-btn svg{width:20px;height:20px}.chat-interface.widget-mode{flex-grow:1;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;box-shadow:none;height:auto;overflow:hidden}.chat-messages{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:85%;padding:.8rem 1.2rem;border-radius:12px;font-size:.95rem;line-height:1.5;animation:fadeIn .3s ease-out}.message.ai{align-self:flex-start;background:#ffffff1a;color:#e0e0e0;border-bottom-left-radius:2px}.chat-suggestions{padding:0 1.5rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:.4rem .8rem;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#ffffff26;border-color:#fff6;color:#fff}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.8rem;align-items:center;background:#0003}.chat-input{flex-grow:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:.8rem;border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .3s}.chat-input:focus{border-color:var(--accent-color)}.chat-send-btn{background:#ffffff1a;border:none;width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;color:#fff}.chatbot-toggle-btn{position:fixed;bottom:20px;left:20px;width:60px;height:60px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 0 20px #08f3}.chatbot-toggle-btn:hover{background:var(--accent-color);box-shadow:0 0 30px #08f9;transform:scale(1.1)}.chatbot-toggle-btn.hidden{transform:scale(0);opacity:0;pointer-events:none}.chatbot-toggle-btn svg{width:28px;height:28px}.contact-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.contact-card{display:flex;align-items:center;gap:1.5rem;background:#14141499;border:1px solid rgba(255,255,255,.1);padding:1.2rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease;width:90%}.contact-card:hover{background:#ffffff1a;border-color:var(--accent-color);transform:translate(5px)}.contact-icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0}.contact-info{display:flex;flex-direction:column;flex-grow:1}.contact-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:1px}.model-toggle-btn{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:12px 80px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:30px;font-family:Outfit,sans-serif;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:200;white-space:nowrap}.xray-btn{opacity:0;pointer-events:none}.chatbot-section.visible{display:block;opacity:1}.contact-container-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.chatbot-header-small{font-size:.8rem;text-transform:uppercase;letter-spacing:3px;color:#888;margin-bottom:.5rem}.chatbot-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:2rem;line-height:1.1}.chat-interface{background:#0a0a0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:550px;box-shadow:0 10px 40px #00000080;position:relative}.chat-messages{flex-grow:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:#333 transparent;padding-bottom:80px}.message{max-width:85%;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;line-height:1.5;animation:fadeIn .3s ease-out}.message.ai{align-self:flex-start;background:#ffffff14;color:#e0e0e0;border-bottom-left-radius:2px}.message.user{align-self:flex-end;background:var(--accent-color);color:#fff;border-bottom-right-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-suggestions{position:absolute;bottom:90px;left:0;width:100%;padding:0 2rem 1rem;display:flex;flex-wrap:wrap;gap:.8rem;z-index:10;transition:all .5s ease;background:linear-gradient(to top,#0a0a0ae6,#0a0a0a00)}.chat-suggestions.faded-out{opacity:0;pointer-events:none;transform:translateY(20px)}.suggestion-chip{background:#0009;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.suggestion-chip:hover{background:#ffffff1a;border-color:#fff;color:#fff}.chat-input-area{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;align-items:center}.chat-input{flex-grow:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s}.chat-input:focus{border-color:#ffffff4d}.chat-send-btn{background:#ffffff1a;border:none;width:50px;height:50px;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;color:#fff}.chat-send-btn:hover{background:var(--accent-color)}.chat-send-btn svg{width:20px;height:20px;stroke:currentColor}.contact-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-card{display:flex;align-items:center;gap:1.5rem;background:#0a0a0a99;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.contact-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.contact-icon-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#888}.contact-card:hover .contact-icon-box{color:#fff}.contact-info{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-size:.85rem;color:#666;font-weight:500}.contact-value{color:#fff;font-size:1.1rem;font-weight:600}.download-cv-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:90%;padding:1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;margin-bottom:3rem}.download-cv-btn:hover{background:#fff;color:#000}.footer-copy{text-align:center;color:#444;font-size:.9rem}.sub-footer{color:#333;font-size:.8rem;margin-top:.3rem}@media(max-width:900px){.contact-container-grid{grid-template-columns:1fr;gap:3rem}.chatbot-title{font-size:2.5rem}}.typing-dots span{display:inline-block;width:6px;height:6px;background:#ccc;border-radius:50%;margin:0 2px;animation:typing 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.model-toggle-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:12px 80px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:30px;font-family:Outfit,sans-serif;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:20;width:250px;white-space:nowrap}.model-toggle-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px #0088ff4d}.model-toggle-btn:active{transform:translate(-50%) scale(.95)}.xray-btn{opacity:0;pointer-events:none;background:#ffffff1a}.split-btn-left{transform:translate(calc(-50% - 140px))!important}.split-btn-right{transform:translate(calc(-50% + 140px))!important;opacity:1!important;pointer-events:auto!important}.content-faded{opacity:0!important;pointer-events:none;transition:opacity .5s ease-in-out}