:root{--bg-dark:#070709;--bg-panel:#19191e99;--bg-panel-solid:#131318;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-cyan:#00e5ff;--accent-violet:#7000ff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--nav-width:80px;--glass-blur:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);font-family:var(--font-body);background-color:#100f1a;background-image:radial-gradient(circle at 0 0,#7000ff4d 0%,#0000 60%),radial-gradient(circle at 100% 100%,#00e5ff40 0%,#0000 60%),linear-gradient(145deg,#12101f 0%,#1a172d 50%,#0c0a14 100%);background-attachment:fixed;width:100%;max-width:100vw;margin:0;position:relative;overflow-x:hidden;top:0!important}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon,.goog-te-gadget-simple,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover{visibility:hidden!important;opacity:0!important;display:none!important}body{top:0!important}iframe.skiptranslate{display:none!important}.goog-text-highlight{box-shadow:none!important;background-color:#0000!important;border:none!important}.lang-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.5rem;display:flex}.lang-btn:hover{color:var(--accent-cyan)}.lang-btn-floating{z-index:1000;color:var(--text-primary);cursor:pointer;transition:var(--transition);border:none;border-radius:30px;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;position:fixed;top:20px;right:20px}.lang-btn-floating:hover{border-color:var(--accent-cyan);box-shadow:0 4px 15px #00e5ff33}html{scroll-behavior:smooth;scroll-padding-top:100px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.gradient-text{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:0 2rem;position:relative}.section{align-items:center;min-height:80vh;padding:100px 0;display:flex}.section-header{margin-bottom:3rem}.section-header h2{margin-bottom:.5rem;font-size:2.5rem}.section-header .line{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));border-radius:2px;width:60px;height:4px}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #ffffff0d;border-radius:20px}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));color:#fff;box-shadow:0 4px 15px #00e5ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7000ff66}.btn-secondary{background:var(--bg-panel-solid);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{border-color:var(--accent-cyan);background:#ffffff1a;transform:translateY(-2px)}.btn-outline{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:0 0}.btn-outline:hover{background:#00e5ff1a}.w-full{justify-content:center;width:100%}@keyframes pageEnterAnimation{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.content-wrapper{margin-right:var(--nav-width);opacity:0;padding-bottom:250px;transition:opacity .3s ease-in-out;animation:.8s cubic-bezier(.2,.8,.2,1) forwards pageEnterAnimation}.content-wrapper.fade-out{opacity:0}.floating-nav{z-index:100;background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid #ffffff0d;border-radius:40px;padding:1.5rem .5rem;transition:top .5s cubic-bezier(.2,0,0,1),transform .5s;position:fixed;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 10px 30px #00000080}body.epo-active .floating-nav{top:35%}body.is-home-page{height:100vh;overflow:hidden}body.is-home-page .content-wrapper{margin-right:0;padding-bottom:0}body.is-home-page .floating-nav,body.is-home-page .epo-mini-btn,body.is-home-page .footer{display:none}.floating-nav ul{flex-direction:column;gap:1.25rem;display:flex}.nav-link{width:48px;height:48px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:#fff;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));box-shadow:0 4px 15px #00e5ff4d}.nav-text{background:var(--bg-panel-solid);font-size:.875rem;font-family:var(--font-heading);opacity:0;visibility:hidden;transition:var(--transition);white-space:nowrap;border:1px solid #ffffff0d;border-radius:8px;padding:.5rem 1rem;position:absolute;right:60px;transform:translate(10px)}.nav-link:hover .nav-text{opacity:1;visibility:visible;transform:translate(0)}.rpg-chatbot-container{z-index:90;pointer-events:none;align-items:flex-end;width:95%;max-width:750px;transition:transform .5s cubic-bezier(.2,0,0,1),opacity .5s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.rpg-bot-avatar{z-index:2;pointer-events:auto;transform-origin:bottom;background:#000;border-radius:25px 0 0 25px;width:150px;height:220px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:0;left:10px;overflow:hidden}.rpg-bot-avatar video,.rpg-bot-avatar img{object-fit:contain;object-position:center;width:100%;height:100%}.rpg-dialog-bar{pointer-events:auto;transform-origin:bottom;background:#000;border:1px solid #ffffff1a;border-radius:25px;flex-direction:column;width:100%;height:220px;padding:1rem 1.2rem 1rem 170px;display:flex;position:relative;box-shadow:0 15px 40px #000c}.rpg-control-btn{color:#fff;cursor:pointer;width:45px;height:25px;transition:var(--transition);background:#000;border:1px solid #ffffff1a;border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:-25px;right:20px}.rpg-control-btn:hover{background:var(--accent-cyan);color:#000}.rpg-speech-bubble{color:#fff;scrollbar-width:none;background:#111;border:1px solid #ffffff0d;border-radius:20px 20px 20px 4px;flex-direction:column;flex:1;justify-content:flex-start;width:100%;max-width:800px;padding:1rem;display:flex;position:relative;overflow-y:auto}.rpg-speech-bubble::-webkit-scrollbar{display:none}.rpg-speech-bubble:before{content:"";border:10px solid #0000;border-left-width:0;border-right:20px solid #111;width:0;height:0;position:absolute;bottom:20px;left:-20px}.rpg-bot-name{font-family:var(--font-heading);color:var(--accent-violet);text-transform:uppercase;margin-bottom:.2rem;font-size:1rem;font-weight:700}.rpg-bot-text{min-height:4.05rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.rpg-choices{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.rpg-choice-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:500;font-family:var(--font-body);background:linear-gradient(135deg,#00e5ff1a,#7000ff1a);border:1px solid #00e5ff4d;border-radius:30px;padding:8px 16px;box-shadow:0 4px 15px #0003}.rpg-choice-btn:hover{border-color:var(--accent-cyan);background:linear-gradient(135deg,#00e5ff33,#7000ff33);transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff33}.rpg-chatbot-container.minimized{pointer-events:none}.rpg-chatbot-container.minimized .rpg-dialog-bar,.rpg-chatbot-container.minimized .rpg-bot-avatar{opacity:0;pointer-events:none;transform:translateY(150%)}.epo-mini-btn{border:2px solid var(--accent-cyan);z-index:101;cursor:pointer;opacity:0;pointer-events:none;background:#000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite epoPulse;display:flex;position:fixed;bottom:30px;left:30px;overflow:hidden;transform:scale(.5);box-shadow:0 0 20px #00e5ff4d}.epo-mini-btn video,.epo-mini-btn img{object-fit:cover;width:100%;height:100%}.rpg-chatbot-container.minimized~.epo-mini-btn,.rpg-chatbot-container.minimized .epo-mini-btn,.epo-mini-btn.show{opacity:1;pointer-events:auto;transform:scale(1)}@keyframes epoPulse{0%{box-shadow:0 0 #00e5ffb3}70%{box-shadow:0 0 0 15px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.epo-tooltip{color:#000;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:15px 15px 15px 0;padding:10px 15px;font-size:.9rem;font-weight:500;transition:all .3s;position:absolute;bottom:10px;left:80px;transform:translate(-10px);box-shadow:0 5px 15px #0000004d}.epo-tooltip:before{content:"";border-top:0 solid #0000;border-bottom:10px solid #0000;border-left:0 solid #0000;border-right:10px solid #fff;width:0;height:0;position:absolute;bottom:0;left:-10px}.epo-tooltip.show{opacity:1;transform:translate(0)}.hero-section .container{justify-content:space-between;align-items:center;gap:40px;min-height:100vh;display:flex}.video-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-background video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay{z-index:2;background:#000000a6;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;transform-origin:0;flex:1;margin-left:50px;transform:scale(1.2)}.title-inline{align-items:baseline;gap:15px;margin-bottom:1.5rem;display:flex}.hero-image-container{z-index:1;flex:1.2;justify-content:center;display:flex;position:relative;transform:scale(1.2)}.hero-photo-wrapper{width:100%;max-width:100%;position:relative}.hero-photo{object-fit:contain;filter:drop-shadow(0 0 30px #7000ff4d);width:100%;height:auto;display:block}.badge{color:var(--accent-cyan);background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:30px;margin-bottom:.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1px;color:#fff;margin-bottom:.5rem;font-size:clamp(3.5rem,8vw,6.5rem);line-height:.9}.hero-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:clamp(.5rem,3vw,1.3rem);font-weight:500}.hero-desc{color:var(--text-secondary);max-width:650px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.6}.hero-ctas{gap:1rem;display:flex}.hero-visual{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0}.glow-orb{filter:blur(100px);opacity:.5;border-radius:50%;position:absolute}.orb-1{background:var(--accent-violet);width:400px;height:400px;animation:10s ease-in-out infinite float;top:-100px;right:10%}.orb-2{background:var(--accent-cyan);width:300px;height:300px;animation:8s ease-in-out infinite reverse float;bottom:10%;right:30%}@keyframes float{0%{transform:translate(0)}50%{transform:translate(30px,30px)}to{transform:translate(0)}}.about-bento-grid{column-count:3;column-gap:1.5rem;display:block}.scroll-animate{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.scroll-animate.is-visible{opacity:1;transform:translateY(0)}.section{flex-direction:column;justify-content:center;min-height:80vh;padding:100px 0;display:flex;overflow:hidden}.bento-card{break-inside:avoid;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;justify-content:flex-start;margin-bottom:1.5rem;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s,background .3s;display:flex}.bento-card:hover{background:#ffffff0d;border-color:#00e5ff33;transform:translateY(-5px);box-shadow:0 15px 35px #00e5ff1a}.bento-large{grid-area:span 2/span 2;justify-content:flex-start}.bento-wide{grid-column:span 3;padding:2rem}.bento-icon{color:var(--accent-cyan);margin-bottom:1.5rem;font-size:2.5rem;display:inline-block}.bento-card h3{color:#fff;margin-bottom:1rem;font-size:1.6rem;font-weight:600}.bento-card p{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.7}.bento-card p:last-child{margin-bottom:0}.about-focus-flex{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.focus-item{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:12px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.focus-item:hover{background:#00e5ff1a;border-color:#00e5ff4d;transform:translateY(-3px)}.focus-item i{color:var(--accent-cyan);font-size:1.3rem}.timeline{max-width:800px;margin-left:20px;position:relative}.timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:3rem;padding-left:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent-cyan);width:14px;height:14px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;position:absolute;top:5px;left:-6px}.timeline-content{background:var(--bg-panel);transition:var(--transition);border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.timeline-content:hover{border-color:#ffffff1a;transform:translateY(-5px)}.timeline-content h3{color:#fff;margin-bottom:.25rem;font-size:1.4rem}.timeline-content .company{color:var(--accent-violet);margin-bottom:1rem;font-weight:500;display:inline-block}.exp-list{color:var(--text-secondary);padding-left:1.2rem;list-style:outside}.exp-list li{margin-bottom:.5rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.skill-category{background:var(--bg-panel);transition:var(--transition);border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.skill-category:hover{background:#ffffff0d;border-color:#ffffff1a}.skill-category h3{color:#fff;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.skill-category h3 i{color:var(--accent-cyan)}.tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:var(--text-primary);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:6px 14px;font-size:.85rem}.tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00e5ff1a}.premium-skill-grid{flex-wrap:wrap;gap:1rem;display:flex}.premium-skill-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff0d;border-radius:40px;align-items:center;gap:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #0000001a}.premium-skill-pill:hover{border-color:var(--accent-cyan);background:#00e5ff0d;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 15px #00e5ff26}.skill-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.skill-brand-icon{object-fit:contain;filter:drop-shadow(0 0 8px #00e5ff80);width:100%;height:100%}.skill-name{color:var(--text-primary);letter-spacing:.5px;font-size:.95rem;font-weight:500}.skill-category.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d1299;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.skill-category h3{color:#fff;text-shadow:0 0 10px #fff3;margin-bottom:2rem;font-size:1.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.project-card{background:var(--bg-panel);transition:var(--transition);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:#ffffff1a;transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.project-img{aspect-ratio:16/9;background:linear-gradient(135deg,#00e5ff1a,#7000ff1a);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;display:block}.project-img i{color:#ffffff4d;font-size:4rem}.project-info{flex-direction:column;flex:1;padding:2rem;display:flex}.project-info h3{color:#fff;margin-bottom:.25rem;font-size:1.5rem}.project-info .subtitle{color:var(--accent-cyan);font-size:.9rem;font-family:var(--font-heading);margin-bottom:1rem}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.project-tags span{color:var(--text-secondary);background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:.75rem}.project-info p{color:var(--text-secondary);flex:1;margin-bottom:2rem;font-size:.95rem}.testimonials-container{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.feedback-form-container,.comments-display{padding:2.5rem}.feedback-form-container h3,.comments-display h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.feedback-form{flex-direction:column;gap:1rem;display:flex}.rating-stars{color:#fff3;cursor:pointer;gap:8px;margin-bottom:.5rem;font-size:1.5rem;display:flex}.rating-stars i.active{color:gold}.input-field{color:#fff;width:100%;font-family:var(--font-body);transition:var(--transition);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:1rem;font-size:.95rem}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00e5ff1a}.comments-list{flex-direction:column;gap:1.5rem;display:flex}.comment-item{border-left:3px solid var(--accent-cyan);background:#0003;border-radius:12px;padding:1.5rem}.comment-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.comment-header strong{color:#fff}.stars{color:gold;font-size:.9rem}.stars .ph{color:#fff3}.contact-section{flex-direction:column;align-items:stretch}.contact-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}.glowing{position:relative;overflow:hidden}.glowing:before{content:"";pointer-events:none;background:radial-gradient(circle,#7000ff1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.recruiter-action{text-align:center;border:1px solid #7000ff4d;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.recruiter-action h3{color:#fff;margin-bottom:1rem;font-size:2rem}.recruiter-action p{color:var(--text-secondary);max-width:400px;margin-bottom:2rem}.action-buttons{gap:1rem;display:flex}.social-links-container{grid-template-columns:repeat(2,1fr);gap:1rem;padding:2rem;display:grid}.social-link{color:#fff;transition:var(--transition);background:#0003;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.social-link:hover{border-color:var(--accent-cyan);background:#ffffff0d;transform:translateY(-3px)}.social-link i{color:var(--accent-cyan);font-size:1.5rem}.social-link:nth-child(5){grid-column:span 2;justify-content:center}.graphic-design-section{background-color:var(--bg-color);padding-top:2rem;padding-bottom:4rem;overflow:hidden}.graphic-design-header{margin-bottom:2rem}.graphic-design-header h2{color:#fff;font-size:2.5rem}.graphic-design-header h3{color:var(--text-secondary);font-size:1.2rem;font-weight:400}.marquee-wrapper{flex-direction:column;gap:1.5rem;width:100%;display:flex;position:relative;overflow:hidden}.marquee-track{gap:1.5rem;width:max-content;display:flex}.marquee-track.left{animation:25s linear infinite marquee-left}.marquee-track.right{animation:40s linear infinite marquee-right}.marquee-item{color:#fff3;transition:var(--transition);background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:280px;font-size:3rem;display:flex;overflow:hidden}.marquee-item img{object-fit:cover;width:100%;height:100%;display:block}.marquee-item.row1{width:250px;height:350px}.marquee-item.row2{width:300px;height:350px}.marquee-item:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#0009}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .75rem))}}@keyframes marquee-right{0%{transform:translate(calc(-50% - .75rem))}to{transform:translate(0)}}.ai-workflow-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:2rem;display:grid}.ai-workflow-text h3{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem}.ai-workflow-text p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.ai-features li{transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;margin-bottom:1.5rem;padding:1rem;font-size:1.05rem;display:flex}.ai-features li:hover{background:#ffffff0d;border-color:#00e5ff4d;transform:translate(10px)}.ai-features i{color:var(--accent-cyan);font-size:1.5rem}.ai-workflow-ui{perspective:1000px;position:relative}.mockup-window{background:#0a0a0fcc;border:1px solid #ffffff1a;border-radius:16px;transition:all .5s;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 40px #0009,0 0 40px #7000ff33}.mockup-window:hover{transform:rotateY(0)rotateX(0)translateY(-10px);box-shadow:0 30px 60px #000c,0 0 60px #00e5ff4d}.mockup-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:.8rem 1rem;display:flex}.mockup-header .dot{border-radius:50%;width:12px;height:12px}.mockup-header .red{background:#ff5f56}.mockup-header .yellow{background:#ffbd2e}.mockup-header .green{background:#27c93f}.mockup-title{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);margin-left:10px}.mockup-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.chat-message{gap:15px;display:flex}.chat-message .avatar{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-message.ai .avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#fff}.message-content{background:#ffffff08;border:1px solid #ffffff0d;border-radius:0 16px 16px;padding:1rem 1.5rem;font-size:.95rem;line-height:1.6}.chat-message.ai .message-content{background:#7000ff0d;border:1px solid #7000ff1a}.code-block{color:#a8b2d1;background:#0d0d12;border:1px solid #ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem;font-family:monospace;font-size:.85rem;overflow-x:auto}.code-block span.keyword{color:#ff7b72}.code-block span.property{color:#79c0ff}.code-block span.value{color:#a5d6ff}.epo-creation-flow{border-top:1px solid #ffffff0d;margin-top:4rem;padding-top:2rem}.flow-steps{justify-content:space-between;align-items:center;gap:20px;margin-top:3rem;display:flex}.flow-step{flex-direction:column;flex:1;gap:1.5rem;display:flex}.step-visual{aspect-ratio:1;width:100%;transition:var(--transition);border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.step-visual:hover{border-color:var(--accent-cyan);transform:translateY(-5px);box-shadow:0 10px 30px #00e5ff33}.flow-img,.flow-video{object-fit:cover;width:100%;height:100%;display:block}.code-visual{background:#0a0a0f;padding:1rem}.mini-code{background:0 0;border:none;align-items:center;width:100%;height:100%;margin:0;padding:0;font-size:.75rem;display:flex;overflow:hidden}.step-content h4{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.step-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.prompt-box{color:var(--accent-cyan);background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:8px;align-items:flex-start;gap:8px;padding:.8rem;font-size:.85rem;font-style:italic;display:flex}.prompt-box i{margin-top:3px}.flow-arrow{color:var(--text-secondary);opacity:.5;justify-content:center;align-items:center;font-size:2rem;display:flex}.footer{text-align:center;border-top:1px solid #ffffff0d;padding-top:3rem}.footer p{color:var(--text-secondary);font-size:.9rem}.footer .subtitle{opacity:.7;margin-top:.5rem;font-size:.8rem}.footer i{color:#ff4757}@media (width<=992px){.about-bento-grid{column-count:2}.testimonials-container,.contact-grid,.ai-workflow-container,.skills-container{grid-template-columns:1fr;gap:1.5rem}.recruiter-action{padding:1.5rem}.social-links-container{grid-template-columns:1fr;padding:1.5rem}.social-link{padding:1rem}.social-link:nth-child(5){grid-column:auto}.about-focus-flex{flex-direction:column;align-items:stretch}.focus-item{justify-content:center}.hero-title{font-size:4rem}}@media (width<=768px){.content-wrapper{margin-bottom:80px;margin-right:0}.container{padding:0 1.25rem}.timeline-content,.project-info,.feedback-form-container,.comments-display,.skill-category{padding:1.25rem}.title-inline{flex-direction:column;align-items:flex-start;gap:5px}.about-bento-grid{column-count:1}.tool-icons{grid-template-columns:repeat(2,1fr);gap:.75rem}body.epo-active .floating-nav{display:none!important}.floating-nav{z-index:95;border-radius:30px;width:calc(100% - 40px);max-width:400px;padding:.75rem 1rem;top:auto;bottom:20px;right:50%;transform:translate(50%)}.floating-nav ul{flex-direction:row;justify-content:space-between;gap:0}.nav-text{display:none}.nav-link{width:40px;height:40px;font-size:1.2rem}.lang-btn-floating{padding:.5rem 1rem;font-size:.9rem;top:25px;right:15px}.lang-btn-floating i{display:none}.lang-btn-floating span{margin:0!important}.bento-card{border-radius:20px;padding:1.5rem}.bento-card h3{margin-bottom:.8rem;font-size:1.35rem}.bento-card p{font-size:.95rem}.bento-icon{margin-bottom:1rem;font-size:2rem}.rpg-chatbot-container{z-index:105;width:92%;padding:0;bottom:85px}.rpg-dialog-bar{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain;background:#0a0a0ff2;border:1px solid #00e5ff26;border-radius:20px;height:160px;padding:2.5rem 1rem 1rem;overflow:hidden auto}.rpg-bot-avatar{border:2px solid var(--accent-cyan);z-index:5;background:#000;border-radius:50%;width:80px;height:80px;top:-40px;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00e5ff33}.rpg-bot-avatar video,.rpg-bot-avatar img{object-fit:cover;object-position:top center}.rpg-control-btn{border:1px solid #00e5ff4d;border-radius:50%;width:35px;height:35px;top:-15px;right:15px}.rpg-speech-bubble{align-items:center;margin:0;padding:0}.rpg-bot-name{display:none}.rpg-bot-text{text-align:center;min-height:auto;margin-bottom:.8rem;font-size:.85rem}.rpg-choices{justify-content:center;gap:8px;margin-top:5px}.rpg-choice-btn{padding:6px 14px;font-size:.75rem}.epo-mini-btn{border-width:2px;width:50px;height:50px;bottom:85px;left:15px}.epo-tooltip{padding:6px 10px;font-size:.75rem;left:60px}.hero-section .container{text-align:center;flex-direction:column;justify-content:center;gap:20px}.hero-content{align-items:center;margin-left:0;transform:none}.hero-ctas,.action-buttons{flex-direction:column;width:100%}.hero-ctas .btn,.action-buttons .btn{width:100%}.projects-grid{grid-template-columns:1fr}.flow-steps{flex-direction:column;gap:2rem}.flow-arrow{margin:1rem 0;transform:rotate(90deg)}.hero-photo-wrapper{text-align:center;margin-bottom:2rem}.hero-photo{border-radius:20px;max-width:100%;height:auto}.marquee-wrapper{width:100%;margin-left:0}.prompt-box{word-break:break-word;white-space:pre-wrap}pre,code{white-space:pre-wrap;max-width:100%;overflow-x:auto}}.timeline-centered{max-width:1000px;margin:0 auto;padding:2rem 0;position:relative}.timeline-centered:before{content:"";background:linear-gradient(to bottom, transparent, var(--accent-cyan), var(--accent-violet), transparent);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-centered-item{box-sizing:border-box;z-index:2;width:50%;padding:2rem 3rem;position:relative}.timeline-centered-item.left-side{text-align:right;padding-right:3rem;left:0}.timeline-centered-item.right-side{text-align:left;padding-left:3rem;left:50%}.timeline-centered-dot{background:var(--bg-main);border:4px solid var(--accent-cyan);width:20px;height:20px;box-shadow:0 0 15px var(--accent-cyan);z-index:3;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.left-side .timeline-centered-dot{right:-10px}.right-side .timeline-centered-dot{left:-10px}.timeline-centered-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.timeline-centered-content:hover{background:#ffffff0d;border-color:#00e5ff4d;transform:translateY(-5px);box-shadow:0 15px 40px #00e5ff1a}.timeline-centered-content:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#00e5ff1a,#0000);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.timeline-centered-content:hover:before{opacity:1}.timeline-centered-content h3{color:#fff;margin-bottom:.5rem;font-size:1.6rem;font-weight:600}.timeline-centered-content .company{color:var(--accent-violet);margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;display:inline-block}.timeline-centered-content .duration-badge{color:var(--accent-cyan);background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:30px;margin-bottom:1.5rem;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-block}.left-side .timeline-centered-content .duration-badge{margin-left:auto}.right-side .timeline-centered-content .duration-badge{margin-right:auto}.timeline-centered-content .exp-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}@media (width<=768px){.timeline-centered:before{left:20px}.timeline-centered-item{width:100%;text-align:left!important;padding:1.5rem 0 1.5rem 50px!important;left:0!important}.timeline-centered-dot{transform:translateY(0);top:2rem!important;left:10px!important;right:auto!important}.left-side .timeline-centered-content .duration-badge{margin-left:0}}.premium-projects-wrapper{flex-direction:column;gap:6rem;margin-top:3rem;display:flex}.premium-project-row{background:0 0;align-items:center;gap:4rem;display:flex}.premium-project-row.row-reverse{flex-direction:row-reverse}.premium-project-media{aspect-ratio:16/10;background:var(--bg-panel);border:1px solid #ffffff0d;border-radius:24px;flex:1.2;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.premium-project-media:after{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.premium-project-media img,.premium-project-media video{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.premium-project-row:hover .premium-project-media img,.premium-project-row:hover .premium-project-media video{transform:scale(1.05)}.premium-project-media i{color:#fff3;font-size:5rem}.premium-project-info{flex-direction:column;flex:1;justify-content:center;display:flex}.premium-project-info h3{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.premium-project-tags{flex-wrap:wrap;gap:10px;margin-bottom:1.5rem;display:flex}.premium-project-tags span{color:var(--accent-cyan);letter-spacing:.5px;background:#ffffff0d;border:1px solid #00e5ff33;border-radius:30px;padding:6px 16px;font-size:.85rem;font-weight:500}.premium-project-info p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.premium-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#fff;border-radius:30px;align-self:flex-start;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 20px #00e5ff33}.premium-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px #00e5ff4d}@media (width<=992px){.premium-project-row,.premium-project-row.row-reverse{flex-direction:column;gap:2rem}.premium-project-media{flex:none;width:100%}.premium-project-info{text-align:center;width:100%}.premium-project-tags{justify-content:center}.premium-btn{align-self:center}}