:root{--primary-color:#2e86d8;--primary-light:#EBE5FF;--text-main:#1A1F2B;--text-muted:#6B7280;--bg-light:#F9FAFB;--bg-white:#FFFFFF;--footer-bg:#2241a5;--footer-text:#9CA3AF;--border-color:#E5E7EB;--font-main:'Inter',sans-serif;--border-radius:8px;--transition-speed:0.3s;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-main);color:var(--text-main);background-color:var(--bg-light);line-height:1.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.container{max-width:1200px;margin:0 auto;padding:0 24px;}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;color:var(--text-main);}section{padding:6rem 0;}.skills-section{background-color:var(--bg-light);}.projects-section{background-color:var(--bg-white);}.contact-section{background-color:var(--bg-white);}.hero-section{padding:5rem 0 5rem;background-color:var(--bg-light);}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:60px;}.hero-content{flex:1;max-width:650px;padding-left:10px;}.hero-title{font-size:4rem;font-weight:700;line-height:1.15;margin-bottom:24px;background:linear-gradient(135deg,var(--primary-color),#0EA5E9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary-color);}.hero-subtitle{font-size:1.25rem;color:var(--text-main);margin-bottom:24px;font-weight:500;line-height:1.6;}.hero-text{font-size:1rem;color:var(--text-muted);margin-bottom:40px;line-height:1.6;text-align:justify;}.hero-actions{display:flex;gap:16px;margin-bottom:32px;}.btn-primary{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:white;font-weight:500;font-size:1rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed);text-decoration:none;text-align:center;}.btn-primary:hover{background-color:#2556af;}.btn-outline{display:inline-block;padding:10px 20px;background-color:transparent;color:var(--primary-color);font-weight:500;font-size:1rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);text-decoration:none;text-align:center;}.btn-outline:hover{background-color:var(--primary-light);}.hero-social{display:flex;gap:20px;}.hero-social a{color:var(--text-muted);font-size:1.75rem;transition:color var(--transition-speed),transform 0.2s ease;}.hero-social a:hover{color:var(--primary-color);transform:scale(1.1);}.hero-image-wrapper{flex:1;display:flex;justify-content:flex-end;position:relative;max-width:450px;padding-right:20px;}.hero-image{width:350px;height:350px;border-radius:50%;object-fit:cover;box-shadow:0 20px 50px rgba(91,28,230,0.15);background-color:#E2D9F3;border:8px solid rgba(255,255,255,0.8);}.hero-image-wrapper::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background-color:#E2D9F3;z-index:-1;top:-15px;right:5px;opacity:0.5;}.trusted-section{padding:3rem 0;background-color:var(--bg-white);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden;}.trusted-title{text-align:center;font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:2.5rem;}.marquee-wrapper{width:100%;overflow:hidden;position:relative;display:flex;}.marquee-wrapper::before,.marquee-wrapper::after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none;}.marquee-wrapper::before{left:0;background:linear-gradient(to right,var(--bg-white) 0%,transparent 100%);}.marquee-wrapper::after{right:0;background:linear-gradient(to left,var(--bg-white) 0%,transparent 100%);}.marquee-content{display:flex;align-items:center;gap:4rem;animation:scroll 30s linear infinite;min-width:200%;}.marquee-wrapper:hover .marquee-content{animation-play-state:paused;}.trusted-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.5rem;font-weight:600;color:var(--text-muted);opacity:0.7;transition:all var(--transition-speed);white-space:nowrap;cursor:default;filter:grayscale(100%) opacity(0.6);}.trusted-logo-img{height:45px;width:auto;max-width:120px;object-fit:contain;border-radius:8px;transition:all var(--transition-speed);}.trusted-logo:hover{opacity:1;filter:grayscale(0%) opacity(1);transform:scale(1.05);}.trusted-logo:hover .trusted-logo-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,0.1));}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@media (max-width:768px){.marquee-wrapper::before,.marquee-wrapper::after{width:60px;}.trusted-logo{font-size:1.25rem;}.trusted-logo i{font-size:1.5rem;}}.about-section{background-color:var(--bg-white);padding:6rem 0 3rem;}.about-content{max-width:900px;margin:0 auto;font-size:1.1rem;color:var(--text-muted);text-align:justify;line-height:1.8;}.services-section{background-color:var(--bg-white);padding-top:3rem;padding-bottom:6rem;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1100px;margin:0 auto;}.service-card{background-color:var(--bg-light);border-radius:12px;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.05);}.service-icon{font-size:2rem;color:var(--primary-color);margin-bottom:24px;}.service-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-main);}.service-desc{color:var(--text-muted);font-size:0.95rem;margin-bottom:24px;line-height:1.6;flex-grow:1;text-align:justify;}.service-tags{display:flex;flex-wrap:wrap;gap:10px;}.service-tags .tag{background-color:var(--primary-light);color:var(--primary-color);font-size:0.8rem;border-radius:20px;padding:4px 12px;}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}.skill-card{background-color:var(--bg-white);border-radius:var(--border-radius);padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:none;}.skill-card-title{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:24px;}.skill-item{margin-bottom:16px;}.skill-item:last-child{margin-bottom:0;}.skill-info{display:flex;justify-content:space-between;font-size:0.9rem;color:var(--text-main);margin-bottom:8px;font-weight:500;}.skill-info span:last-child{color:var(--text-muted);}.skill-bar-bg{width:100%;height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden;}.skill-bar-fill{height:100%;background-color:var(--primary-color);border-radius:3px;transition:width 1s ease-in-out;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;}.project-card{background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.04);border:none;display:flex;flex-direction:column;}.project-img{width:100%;height:220px;object-fit:cover;}.project-content{padding:30px;flex-grow:1;display:flex;flex-direction:column;}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:var(--text-main);}.project-desc{color:var(--text-muted);font-size:0.95rem;margin-bottom:24px;flex-grow:1;line-height:1.6;text-align:justify;}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}.tag{background-color:var(--primary-light);color:var(--primary-color);font-size:0.85rem;font-weight:500;padding:6px 14px;border-radius:20px;}.project-links{display:flex;gap:20px;margin-top:auto;}.project-link{color:var(--text-muted);text-decoration:none;font-size:0.95rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:color var(--transition-speed);}.project-link:hover{color:var(--primary-color);}.contact-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;}.contact-form-container{flex:1;min-width:300px;max-width:500px;}.form-group{margin-bottom:20px;}.form-group label{display:block;font-size:0.9rem;font-weight:600;color:var(--text-main);margin-bottom:8px;}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-main);font-size:1rem;color:var(--text-main);background-color:var(--bg-white);transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed);}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);}.contact-form-container .btn-primary{display:inline-block;width:100%;padding:14px 24px;background-color:var(--primary-color);color:white;font-weight:600;font-size:1rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed);}.contact-form-container .btn-primary:hover{background-color:#4b14c3;}.contact-info-container{flex:1;min-width:300px;max-width:400px;padding-top:10px;}.contact-info-title{font-size:1.1rem;font-weight:600;margin-bottom:24px;}.contact-info-item{display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--text-muted);}.contact-info-item i{color:var(--primary-color);font-size:1.2rem;width:24px;text-align:center;}.contact-info-item span{font-size:0.95rem;}.footer{background-color:#0d111b;color:var(--bg-white);padding:60px 0 24px;}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:40px;}.footer-col{min-width:200px;}.brand-col{flex:2;}.footer-name{font-size:1.25rem;font-weight:700;margin-bottom:12px;}.footer-roles{color:var(--footer-text);font-size:0.95rem;margin-bottom:20px;}.footer-social{display:flex;gap:16px;}.footer-social a{color:var(--footer-text);font-size:1.2rem;transition:color var(--transition-speed);}.footer-social a:hover{color:white;}.links-col,.contact-col{flex:1;}.footer-heading{font-size:1.1rem;font-weight:600;margin-bottom:20px;}.footer-links,.footer-contact-list{list-style:none;}.footer-links li,.footer-contact-list li{margin-bottom:12px;color:var(--footer-text);font-size:0.95rem;}.footer-links a{color:var(--footer-text);text-decoration:none;transition:color var(--transition-speed);}.footer-links a:hover{color:white;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--footer-text);font-size:0.9rem;flex-wrap:wrap;gap:20px;}.footer-toggles{display:flex;gap:15px;align-items:center;}@media (max-width:992px){.hero-container{flex-direction:column-reverse;text-align:center;gap:40px;}.hero-image-wrapper{justify-content:center;padding-right:0;}.hero-image-wrapper::before{right:auto;}.hero-actions{justify-content:center;}.hero-social{justify-content:center;}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}}@media (max-width:768px){.section-title{font-size:1.75rem;margin-bottom:2rem;}section{padding:4rem 0;}.hero-section{padding:4rem 0 3rem;}.hero-title{font-size:2.5rem;}.hero-image{width:280px;height:280px;}.hero-image-wrapper::before{width:300px;height:300px;top:-10px;}.services-grid,.skills-grid,.projects-grid{grid-template-columns:1fr;}.footer-top{flex-direction:column;gap:30px;}.contact-wrapper{flex-direction:column;}}@media (max-width:480px){.hero-title{font-size:2rem;}.hero-image{width:240px;height:240px;}.hero-image-wrapper::before{width:260px;height:260px;}.hero-actions{flex-direction:column;gap:12px;}.btn-primary,.btn-outline{width:100%;padding:12px 20px;}}.theme-toggle{position:relative;background-color:var(--primary-color);color:white;border:none;border-radius:50%;width:45px;height:45px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed),transform 0.2s;}.theme-toggle:hover{transform:scale(1.1);background-color:#2556af;}.lang-toggle{position:relative;background-color:var(--primary-color);color:white;border:none;border-radius:25px;width:45px;height:45px;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width 0.3s ease,background-color var(--transition-speed),transform 0.2s;}.lang-toggle i{flex-shrink:0;}.lang-toggle .lang-text{max-width:0;opacity:0;white-space:nowrap;transition:max-width 0.3s ease,opacity 0.3s ease,margin-left 0.3s ease;font-size:1rem;font-weight:600;}.lang-toggle:hover{width:95px;background-color:#2556af;transform:scale(1.05);}.lang-toggle:hover .lang-text{max-width:50px;opacity:1;margin-left:8px;}body.dark-mode{--primary-light:rgba(46,134,216,0.15);--text-main:#F9FAFB;--text-muted:#9CA3AF;--bg-light:#0B1120;--bg-white:#111827;--footer-bg:#030712;--border-color:#1F2937;}body.dark-mode .tag{background-color:var(--primary-light);color:#60A5FA;}body.dark-mode .service-card,body.dark-mode .skill-card,body.dark-mode .project-card,body.dark-mode .form-control{border:1px solid var(--border-color);box-shadow:none;}body.dark-mode .hero-image-wrapper::before{background-color:#1F2937;opacity:0.3;}body.dark-mode .hero-image{background-color:#1F2937;border-color:#111827;box-shadow:0 20px 50px rgba(0,0,0,0.5);}body,.service-card,.skill-card,.project-card,.form-control,.hero-section{transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed);}.footer-heading,.footer-name{color:white;}.terminal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.terminal-overlay.active{opacity:1;visibility:visible;}.terminal-window{width:90%;max-width:650px;background-color:#1e1e1e;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,0.5);overflow:hidden;transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;flex-direction:column;}.terminal-overlay.active .terminal-window{transform:translateY(0);}.terminal-header{background-color:#333;padding:10px 15px;display:flex;align-items:center;justify-content:center;position:relative;}.terminal-buttons{position:absolute;left:15px;display:flex;gap:8px;}.t-btn{width:12px;height:12px;border-radius:50%;display:inline-block;cursor:pointer;}.t-btn.t-close{background-color:#ff5f56;}.t-btn.t-close:hover{background-color:#e0443e;}.t-btn.t-minimize{background-color:#ffbd2e;}.t-btn.t-maximize{background-color:#27c93f;}.terminal-title{color:#999;font-size:0.85rem;font-family:monospace;user-select:none;}.terminal-body{padding:20px;height:350px;overflow-y:auto;font-family:'Courier New',Courier,monospace;font-size:0.95rem;color:#a9b7c6;line-height:1.5;background-color:#1e1e1e;}.terminal-line{margin-bottom:8px;display:block;}.terminal-prompt{color:#a6e22e;margin-right:8px;font-weight:bold;}.terminal-command{color:#f8f8f2;}.terminal-text{color:#e6e6e6;}.terminal-success{color:#66d9ef;}.terminal-highlight{color:#fd971f;}.cursor{display:inline-block;width:8px;height:15px;background-color:#f8f8f2;animation:blink 1s step-end infinite;vertical-align:middle;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.terminal-action-btn{margin-top:20px;display:inline-block;padding:8px 16px;background-color:transparent;border:1px solid #a6e22e;color:#a6e22e;font-family:monospace;cursor:pointer;border-radius:4px;transition:all 0.2s ease;text-decoration:none;}.terminal-action-btn:hover{background-color:#a6e22e;color:#1e1e1e;}.doc-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.doc-overlay.active{opacity:1;visibility:visible;}.doc-window{width:90%;max-width:800px;height:85vh;background-color:var(--bg-white);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,0.5);overflow:hidden;transform:scale(0.9);transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid var(--border-color);display:flex;flex-direction:column;}.doc-overlay.active .doc-window{transform:scale(1);}.doc-header{background-color:var(--bg-light);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);}.doc-header h3{margin:0;font-size:1.1rem;color:var(--text-main);display:flex;align-items:center;gap:10px;}.doc-header h3 i{color:#ef4444;}.doc-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color 0.2s;}.doc-close-btn:hover{color:#ef4444;}.doc-body{padding:40px 20px;text-align:center;background-color:var(--bg-white);}.doc-preview-placeholder{display:flex;flex-direction:column;align-items:center;}.doc-actions{margin-top:20px;}