*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:#f5c518;--primary-dark:#d4a90e;--navy:#0a1628;--navy-light:#132039;--dark:#0d1b2a;--text:#333;--text-light:#6b7280;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--body-bg:#ffffff;--card-bg:#ffffff;--section-alt-bg:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.1);--shadow-lg:0 10px 40px rgba(0,0,0,0.12);--radius:12px;--radius-lg:20px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}html[data-theme=dark]{--text:#e5e7eb;--text-light:#9ca3af;--white:#132039;--gray-50:#0f1b33;--gray-100:#162340;--gray-200:#1f2d4a;--body-bg:#0a1628;--card-bg:#132039;--section-alt-bg:#0f1b33;--border-color:#1f2d4a;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 10px 40px rgba(0,0,0,0.5)}html[data-theme=dark] body{background:var(--body-bg);color:var(--text)}html[data-theme=dark] .about-card,html[data-theme=dark] .cert-card,html[data-theme=dark] .contact-card,html[data-theme=dark] .contact-form-wrapper,html[data-theme=dark] .exp-card,html[data-theme=dark] .project-card,html[data-theme=dark] .skill-card,html[data-theme=dark] .timeline-item{background:var(--card-bg);border-color:var(--border-color)}html[data-theme=dark] .about-card h3,html[data-theme=dark] .about-card p,html[data-theme=dark] .cert-card h4,html[data-theme=dark] .cert-card p,html[data-theme=dark] .contact-card a,html[data-theme=dark] .contact-card h3,html[data-theme=dark] .contact-card p,html[data-theme=dark] .cta-text h2,html[data-theme=dark] .cta-text p,html[data-theme=dark] .exp-card h3,html[data-theme=dark] .exp-card p,html[data-theme=dark] .footer-bottom p,html[data-theme=dark] .footer-brand p,html[data-theme=dark] .footer-links a,html[data-theme=dark] .footer-links h4,html[data-theme=dark] .form-group label,html[data-theme=dark] .hero-desc,html[data-theme=dark] .hero-greeting,html[data-theme=dark] .hero-name,html[data-theme=dark] .language-card,html[data-theme=dark] .language-card h4,html[data-theme=dark] .page-subtitle,html[data-theme=dark] .page-title,html[data-theme=dark] .project-body p,html[data-theme=dark] .project-card h3,html[data-theme=dark] .project-category,html[data-theme=dark] .project-detail-description,html[data-theme=dark] .project-detail-title,html[data-theme=dark] .reason-card h3,html[data-theme=dark] .reason-card p,html[data-theme=dark] .section-header h2,html[data-theme=dark] .section-header p,html[data-theme=dark] .section-tag,html[data-theme=dark] .section-title,html[data-theme=dark] .skill-card h3,html[data-theme=dark] .skill-card p,html[data-theme=dark] .stat-label,html[data-theme=dark] .stat-number,html[data-theme=dark] .timeline-item h3,html[data-theme=dark] .timeline-item h4,html[data-theme=dark] .timeline-item p,html[data-theme=dark] .why-card h3,html[data-theme=dark] .why-card p{color:var(--text)!important}html[data-theme=dark] .footer-logo span,html[data-theme=dark] .hero-name span{color:var(--primary)!important}html[data-theme=dark] .cta-text p,html[data-theme=dark] .footer-bottom p,html[data-theme=dark] .footer-brand p,html[data-theme=dark] .footer-links a,html[data-theme=dark] .hero-desc,html[data-theme=dark] .hero-greeting,html[data-theme=dark] .language-card h4+*,html[data-theme=dark] .page-subtitle,html[data-theme=dark] .section-header p,html[data-theme=dark] .stat-label{color:rgba(255,255,255,.72)!important}html[data-theme=dark] .footer-links a:hover{color:var(--primary)!important}html[data-theme=dark] .section{background:var(--body-bg)}html[data-theme=dark] .cta-section,html[data-theme=dark] .section--alt,html[data-theme=dark] .showroom,html[data-theme=dark] .showroom-preview,html[data-theme=dark] .why-me-section{background:var(--section-alt-bg)}html[data-theme=dark] .cta-box,html[data-theme=dark] .language-card,html[data-theme=dark] .reason-card,html[data-theme=dark] .why-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .footer{background:#06101f!important;border-top:1px solid var(--border-color)}html[data-theme=dark] .footer-logo{color:#ffffff!important}html[data-theme=dark] .form-group input,html[data-theme=dark] .form-group textarea{background:var(--gray-50);color:var(--text);border-color:var(--border-color)}html[data-theme=dark] .contact .section-title,html[data-theme=dark] .cta-text h2,html[data-theme=dark] .hero-name,html[data-theme=dark] .page-header .page-title,html[data-theme=dark] .section-title,html[data-theme=dark] .showroom .section-title{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important;background-clip:initial!important;color:var(--text)!important}html[data-theme=dark] .hero-name span{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}html[data-theme=dark] .highlight-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .highlight-card h4{color:var(--text)!important}html[data-theme=dark] .highlight-card p{color:rgba(255,255,255,.72)!important}html[data-theme=dark] .lang-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .lang-card h3{color:var(--text)!important}html[data-theme=dark] .lang-level{color:rgba(255,255,255,.65)!important}html[data-theme=dark] .lang-bar{background:rgba(255,255,255,.1)!important}html[data-theme=dark] .about-bio,html[data-theme=dark] .about-lead,html[data-theme=dark] .about-role,html[data-theme=dark] .about-text p{color:rgba(255,255,255,.85)!important}html[data-theme=dark] .about-name{color:var(--text)!important}html[data-theme=dark] .cert-card .cert-image{background:rgba(255,255,255,.05)}html[data-theme=dark] .exp-company,html[data-theme=dark] .exp-date{color:rgba(255,255,255,.65)!important}html[data-theme=dark] .contact-info-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .contact-info-card h3,html[data-theme=dark] .contact-info-card strong{color:var(--text)!important}html[data-theme=dark] .contact-info-card a,html[data-theme=dark] .contact-info-card p{color:rgba(255,255,255,.72)!important}html[data-theme=dark] .contact-page .contact-form-wrapper h2,html[data-theme=dark] .contact-page .contact-info h2{color:#fff!important}html[data-theme=dark] .contact-page .contact-intro{color:rgba(255,255,255,.65)!important}html[data-theme=dark] .contact-page .form-group label{color:rgba(255,255,255,.9)!important}html[data-theme=dark] .contact-page .form-group input,html[data-theme=dark] .contact-page .form-group textarea{background:rgba(255,255,255,.06)!important;border-color:var(--border-color)!important;color:#fff!important}html[data-theme=dark] .contact-page .form-group input::placeholder,html[data-theme=dark] .contact-page .form-group textarea::placeholder{color:rgba(255,255,255,.35)!important}html[data-theme=dark] .contact-page .form-group input:focus,html[data-theme=dark] .contact-page .form-group textarea:focus{border-color:var(--primary)!important;background:rgba(255,255,255,.1)!important}html[data-theme=dark] .contact-page .contact-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .contact-page .contact-card:hover{border-color:var(--primary)!important;background:rgba(245,197,24,.06)!important}html[data-theme=dark] .contact-page .contact-card h4{color:var(--primary)!important}html[data-theme=dark] .contact-page .contact-card p{color:rgba(255,255,255,.72)!important}html[data-theme=dark] .section-tag{background:rgba(245,197,24,.18)!important;color:var(--primary)!important}html[data-theme=dark] .filter-btn{background:var(--card-bg);color:rgba(255,255,255,.72);border-color:var(--border-color)}html[data-theme=dark] .filter-btn.active,html[data-theme=dark] .filter-btn:hover{background:var(--primary);color:var(--navy)}html[data-theme=dark] .showroom-toolbar{background:var(--card-bg)!important;border-color:rgba(245,197,24,.2)!important;box-shadow:0 2px 12px rgba(245,197,24,.04)!important}html[data-theme=dark] .showroom-search input{background:rgba(255,255,255,.05)!important;color:var(--text)!important;border-color:var(--border-color)!important}html[data-theme=dark] .showroom-search i{color:rgba(255,255,255,.5)}html[data-theme=dark] .showroom-count{color:rgba(255,255,255,.6)!important}html[data-theme=dark] .comments-section{background:var(--section-alt-bg)!important}html[data-theme=dark] .comment-form,html[data-theme=dark] .comment-item,html[data-theme=dark] .comments-empty{background:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .comment-form input,html[data-theme=dark] .comment-form textarea{background:rgba(255,255,255,.05)!important;color:var(--text)!important;border-color:var(--border-color)!important}html[data-theme=dark] .comment-body p,html[data-theme=dark] .comment-head strong{color:var(--text)!important}html[data-theme=dark] .comment-char-count,html[data-theme=dark] .comment-time{color:rgba(255,255,255,.5)!important}html[data-theme=dark] .scroll-top{background:var(--primary)!important;color:var(--navy)!important}.settings-wrapper{position:relative;margin-left:12px;display:inline-block;perspective:1000px}.settings-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.settings-btn:hover{transform:rotate(45deg)}.settings-btn:hover,.settings-wrapper.open .settings-btn{background:var(--primary);color:var(--navy);border-color:var(--primary)}.settings-wrapper.open .settings-btn{transform:rotate(90deg)}.settings-btn i{transition:transform .3s ease}.settings-panel{top:calc(100% + 14px);right:0;min-width:260px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.45);transform-origin:top right;transform:rotateX(-90deg) translateY(-10px);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;z-index:1000}.settings-panel,.settings-panel:before{position:absolute;background:rgba(15,27,51,.97)}.settings-panel:before{content:"";top:-6px;right:14px;width:12px;height:12px;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}.settings-wrapper.open .settings-panel{transform:rotateX(0) translateY(0);opacity:1;pointer-events:auto}.settings-panel-inner{display:flex;flex-direction:column;gap:2px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;transition:background .2s}.settings-row:hover{background:rgba(255,255,255,.04)}.settings-label{font-size:.85rem;color:rgba(255,255,255,.85);font-weight:500;display:inline-flex;align-items:center;gap:8px}.settings-label i{color:var(--primary);font-size:.88rem;width:16px;text-align:center}.settings-control{display:inline-flex}.settings-control .lang-switch,.settings-control .theme-toggle{position:static}.nav-controls{display:inline-flex;align-items:center;gap:10px;margin-left:14px}.theme-toggle{width:56px;height:28px;border-radius:14px;background:rgba(255,255,255,.1);color:#fcd34d;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:.78rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition);padding:0;position:relative}.theme-toggle:hover{background:rgba(255,255,255,.18);transform:scale(1.04)}html[data-theme=dark] .theme-toggle{background:rgba(245,197,24,.15);color:#fcd34d;border-color:rgba(245,197,24,.3)}html[data-theme=dark] .theme-toggle:hover{background:rgba(245,197,24,.25)}.lang-switch{display:inline-flex;gap:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:2px}.lang-switch a,.lang-switch button{background:transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;color:rgba(255,255,255,.7);width:34px;height:24px;border-radius:12px;font-weight:700;font-size:.7rem;cursor:pointer;transition:all var(--transition);font-family:inherit;padding:0}.lang-switch a:hover,.lang-switch button:hover{color:#fff}.lang-switch a.active,.lang-switch button.active{background:var(--primary);color:var(--navy)}html[data-theme=dark] .lang-switch{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}html[data-theme=dark] .settings-btn{background:rgba(245,197,24,.15);border-color:rgba(245,197,24,.35);color:var(--primary)}html[data-theme=dark] .settings-btn:hover{background:var(--primary);color:var(--navy);border-color:var(--primary)}@media (max-width:900px){.settings-wrapper{margin-left:8px;margin-right:8px}.settings-btn{width:36px;height:36px;font-size:.9rem}.settings-panel{min-width:240px;right:-20px}.settings-panel:before{right:32px}}@media (max-width:768px){.settings-wrapper{margin-left:0;margin-right:8px}.settings-panel{right:-40px;min-width:220px}.settings-panel:before{right:52px}.nav-menu.active~.settings-wrapper{opacity:0;pointer-events:none}}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Poppins,sans-serif;color:var(--text);background:var(--white);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);border:2px solid transparent}.btn-primary{background:var(--primary);color:var(--navy);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,197,24,.35)}.btn-outline{background:rgba(255,255,255,.1);color:var(--white);border-color:rgba(255,255,255,.75)}.btn-outline:hover{background:rgba(255,255,255,.18);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.08)}.btn-full{width:100%;justify-content:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:var(--transition)}.navbar.scrolled{background:rgba(10,22,40,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 4px 30px rgba(0,0,0,.15)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:flex-start;align-items:center;gap:12px}.nav-logo{font-size:1.8rem;font-weight:800;color:#ffffff;letter-spacing:-1px;margin-right:auto}.nav-logo span{color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:8px}.nav-link{color:rgba(255,255,255,.75);font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--white);background:rgba(255,255,255,.08)}.nav-link--cta{background:var(--primary);color:var(--navy)!important;font-weight:600;border-radius:50px;padding:8px 24px}.nav-link--cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-close,.nav-toggle{display:none}.nav-toggle{flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:26px;height:2.5px;background:#ffffff;border-radius:2px;transition:var(--transition)}.hero{min-height:100vh;background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 50%,#1a2d4a 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:100px 0 60px}.hero-bg-shapes{position:absolute;inset:0;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.06}.shape-1{width:600px;height:600px;top:-200px;right:-100px}.shape-1,.shape-2{background:var(--primary)}.shape-2{width:400px;height:400px;bottom:-100px;left:-100px}.shape-3{width:200px;height:200px;background:var(--white);top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;position:relative;z-index:1}.hero-greeting{color:var(--primary);font-size:1.1rem;font-weight:500;margin-bottom:12px;letter-spacing:2px;text-transform:uppercase}.hero-name{font-size:4rem;font-weight:900;color:var(--white);line-height:1.1;margin-bottom:16px;letter-spacing:-2px}.hero-name span{color:var(--primary)}.hero-title{font-size:1.3rem;color:rgba(255,255,255,.6);font-weight:400;margin-bottom:20px}.hero-desc{color:rgba(255,255,255,.5);font-size:1rem;max-width:480px;margin-bottom:36px;line-height:1.8}.hero-actions{display:flex;gap:16px;margin-bottom:50px}.hero-stats{display:flex;gap:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.8rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.hero-image-wrapper{width:360px;height:440px;border-radius:var(--radius-lg);overflow:hidden;position:relative;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.35);background:transparent;border:3px solid rgba(245,197,24,.25)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.9) contrast(1.05);transition:transform .5s ease,filter .5s ease}.hero-image-wrapper:hover .hero-photo{transform:scale(1.04);filter:saturate(1) contrast(1.08)}.hero-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:rgba(245,197,24,.4)}.hero-image-placeholder i{font-size:5rem}.hero-image-placeholder p{font-size:.9rem;font-weight:500}.hero-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(10,22,40,.5),transparent);z-index:3;pointer-events:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hero-image-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.15),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;filter:blur(30px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.35);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.section{padding:100px 0}.section:nth-child(2n){background:var(--gray-50)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:rgba(245,197,24,.12);color:var(--primary-dark);font-size:.85rem;font-weight:600;padding:6px 20px;border-radius:50px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}.section-title{font-size:2.5rem;font-weight:800;color:var(--navy);letter-spacing:-1px}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.about-lead{font-size:1.15rem;color:var(--navy);margin-bottom:16px;line-height:1.8}.about-text p{color:var(--text-light);margin-bottom:30px}.about-languages h3{font-size:1.1rem;color:var(--navy);margin-bottom:16px}.language-item{display:grid;grid-template-columns:100px 60px 1fr;align-items:center;grid-gap:12px;gap:12px;margin-bottom:12px}.language-name{font-weight:600;color:var(--navy);font-size:.9rem}.language-level{font-size:.8rem;color:var(--text-light)}.language-bar{height:6px;background:var(--gray-200);border-radius:10px;overflow:hidden}.language-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:10px;transition:width 1s ease}.about-highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.highlight-card{background:var(--white);padding:28px;border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition)}.highlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.highlight-icon{width:48px;height:48px;border-radius:12px;background:rgba(245,197,24,.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--primary-dark);font-size:1.2rem}.highlight-card h4{font-size:1rem;color:var(--navy);margin-bottom:6px}.highlight-card p{font-size:.85rem;color:var(--text-light);line-height:1.5}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.skill-card{background:var(--white);padding:36px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);text-align:center}.skill-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.skill-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:1.5rem}.skill-card h3{font-size:1.1rem;color:var(--navy);margin-bottom:16px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skill-tags span{background:var(--gray-100);color:var(--text);font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:50px;transition:var(--transition)}.skill-card:hover .skill-tags span{background:rgba(245,197,24,.1);color:var(--navy)}.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary),var(--gray-200));border-radius:3px}.timeline-item{position:relative;margin-bottom:40px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-34px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--primary);border:4px solid var(--white);box-shadow:var(--shadow-sm);z-index:1}.timeline-content{background:var(--white);padding:28px 32px;border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition)}.timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.timeline-date{display:inline-block;background:rgba(245,197,24,.12);color:var(--primary-dark);font-size:.8rem;font-weight:600;padding:4px 14px;border-radius:50px;margin-bottom:10px}.timeline-content h3{font-size:1.15rem;color:var(--navy);margin-bottom:4px}.timeline-subtitle{color:var(--text-light);font-size:.9rem}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.exp-card{background:var(--white);border-radius:var(--radius-lg);padding:36px;border:1px solid var(--gray-200);transition:var(--transition)}.exp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.exp-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.exp-company-icon{width:52px;height:52px;min-width:52px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.2rem}.exp-header h3{font-size:1.05rem;color:var(--navy);margin-bottom:2px}.exp-company{font-size:.9rem;color:var(--text-light);margin-bottom:4px}.exp-date{display:inline-block;background:rgba(245,197,24,.12);color:var(--primary-dark);font-size:.75rem;font-weight:600;padding:2px 12px;border-radius:50px}.exp-list{padding-left:20px}.exp-list li{list-style:disc;color:var(--text-light);font-size:.9rem;margin-bottom:8px;line-height:1.6}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.cert-card{background:var(--white);padding:32px 24px;border-radius:var(--radius);border:1px solid var(--gray-200);text-align:center;transition:var(--transition)}.cert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.cert-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--navy);font-size:1.3rem}.cert-card h4{font-size:.9rem;color:var(--navy);font-weight:600;line-height:1.5}.cert-image{width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;margin:0 auto 16px;background:#f3f4f6}.cert-image img{width:100%;height:100%;object-fit:cover;display:block}.showroom{background:var(--navy)!important}.showroom .section-tag{background:rgba(245,197,24,.15)}.showroom .section-title{color:var(--white)}.section-subtitle{color:rgba(255,255,255,.45);font-size:1rem;margin-top:12px}.filter-btn{border-radius:50px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.5);font-family:Poppins,sans-serif;font-size:.85rem;transition:var(--transition)}.filter-btn:hover{color:var(--primary)}.showroom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:28px;gap:28px}.showroom-page .showroom-grid{max-width:1000px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(2,1fr);gap:20px}.showroom-page .project-card{width:100%;min-width:0!important}.showroom-grid:has(.project-card:only-child){grid-template-columns:minmax(340px,600px);justify-content:center}.showroom-preview .showroom-grid:has(.project-card:only-child){grid-template-columns:minmax(340px,500px);justify-content:center}.showroom-preview .showroom-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin-left:auto;margin-right:auto}.showroom-preview .project-card{min-width:0}@media (min-width:1200px){.showroom-page .showroom-grid{max-width:1100px;grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:899px){.showroom-page .showroom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.showroom-page .showroom-grid,.showroom-preview .showroom-grid{grid-template-columns:1fr}}.project-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:var(--transition)}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.3);border-color:rgba(245,197,24,.25)}.project-thumb{width:100%;height:200px;background:linear-gradient(135deg,#0d1f3c,#162a4a,#0d1f3c)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-thumb img{transform:scale(1.08)}.project-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,rgba(245,197,24,.03),rgba(245,197,24,.08) 50%,rgba(245,197,24,.03));position:relative}.project-thumb-placeholder:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.08) 0,transparent 70%)}.project-thumb-placeholder i{font-size:2.8rem;color:var(--primary);opacity:.6;z-index:1}.project-thumb-placeholder span{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:rgba(255,255,255,.5);z-index:1}.project-status{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-status.completed{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.project-status.in-progress{background:rgba(245,197,24,.15);color:var(--primary);border:1px solid rgba(245,197,24,.25)}.project-status.planned{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.project-body{padding:24px}.project-category{display:inline-block;font-size:.72rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.project-body h3{font-size:1.1rem;color:var(--white);margin-bottom:8px;font-weight:700}.project-body p{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:16px}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tech span{background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);font-size:.72rem;font-weight:500;padding:4px 10px;border-radius:50px;border:1px solid rgba(255,255,255,.06)}.project-links{display:flex;gap:10px}.project-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;transition:var(--transition)}.project-link--demo{background:var(--primary);color:var(--navy)}.project-link--demo:hover{background:var(--primary-dark);transform:translateY(-1px)}.project-link--github{background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.1)}.project-link--github:hover{background:rgba(255,255,255,.12);color:var(--white);transform:translateY(-1px)}.project-link--soon{background:rgba(255,255,255,.05);color:rgba(255,255,255,.35);border:1px dashed rgba(255,255,255,.15);cursor:default;font-style:italic}.project-link--status{cursor:default;font-weight:600;letter-spacing:.3px}.project-link--status-completed{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.project-link--status-in-progress{background:rgba(245,197,24,.15);color:var(--primary);border:1px solid rgba(245,197,24,.25)}.project-link--status-planned{background:rgba(59,130,246,.15);color:#3b82f6;border:1px dashed rgba(59,130,246,.25)}.showroom-empty{padding:60px 20px;color:rgba(255,255,255,.3)}.showroom-empty i{font-size:3rem;display:block}.contact{background:var(--navy)!important}.contact .section-tag{background:rgba(245,197,24,.15)}.contact .section-title{color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.contact-intro{color:rgba(255,255,255,.55);font-size:1rem;margin-bottom:30px;line-height:1.8}.contact-cards{display:flex;flex-direction:column;gap:16px}.contact-card{display:flex;align-items:center;gap:16px;padding:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);transition:var(--transition)}.contact-card:hover{background:rgba(255,255,255,.08);border-color:var(--primary);transform:translateX(6px)}.contact-card-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:rgba(245,197,24,.12);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.1rem}.contact-card h4{color:var(--white);font-size:.9rem;margin-bottom:2px}.contact-card p{color:rgba(255,255,255,.5);font-size:.85rem}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group input,.form-group textarea{width:100%;padding:16px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:var(--white);font-family:Poppins,sans-serif;font-size:.9rem;transition:var(--transition);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.3)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--dark);padding:30px 0;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:1.4rem;font-weight:800;color:#ffffff}.footer-logo span{color:var(--primary)}.footer p{color:rgba(255,255,255,.35);font-size:.85rem}.page-header{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);padding:140px 0 60px;text-align:center}.page-header--dark{background:linear-gradient(135deg,var(--navy) 0,#0d2137 50%,var(--navy-light) 100%)}.page-header .page-title{font-size:2.8rem;font-weight:800;color:var(--white);margin-bottom:8px;letter-spacing:-1px}.page-header .page-subtitle{color:rgba(255,255,255,.45);font-size:1rem}.page-header .section-tag{background:rgba(245,197,24,.15)}.navbar.scrolled-always{background:rgba(10,22,40,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 0}.nav-link.active{color:var(--primary)!important}.nav-link--cta.active{background:var(--primary);color:var(--navy)!important;box-shadow:0 0 0 2px rgba(245,197,24,.4)}.section-cta{margin-top:40px}.btn-outline-dark{border:2px solid var(--navy)}.btn-outline-dark:hover{background:var(--navy);color:var(--white)}.cta-section{background:var(--gray-50)}.cta-box{background:linear-gradient(135deg,var(--navy),var(--navy-light));border-radius:var(--radius-lg);padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-size:1.8rem;color:var(--white);margin-bottom:8px}.cta-box p{color:rgba(255,255,255,.5);font-size:1rem}.bg-gray{background:var(--gray-50)}.about-main{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:60px;gap:60px;align-items:start}.about-photo-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:3px solid rgba(245,197,24,.2);aspect-ratio:3/4}.about-photo{width:100%;height:100%;object-fit:cover;object-position:top center}.about-info-col h2{font-size:2rem;color:var(--navy);margin-bottom:4px}.about-role{color:var(--primary-dark);font-weight:600;font-size:1.05rem;margin-bottom:20px}.about-bio{color:var(--text-light);margin-bottom:16px;line-height:1.8}.about-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:28px}.detail-item{gap:10px;font-size:.9rem;color:var(--text)}.detail-item,.detail-item i{display:flex;align-items:center}.detail-item i{width:36px;height:36px;border-radius:10px;background:rgba(245,197,24,.12);justify-content:center;color:var(--primary-dark);font-size:.85rem}.languages-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;max-width:600px;margin:0 auto}.lang-card{background:var(--white);padding:32px;border-radius:var(--radius);border:1px solid var(--gray-200);text-align:center;transition:var(--transition)}.lang-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.lang-flag{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--primary);font-weight:800;font-size:1.1rem}.lang-card h3{color:var(--navy);font-size:1.1rem;margin-bottom:4px}.lang-level{color:var(--text-light);font-size:.85rem;display:block;margin-bottom:14px}.lang-bar{height:6px;background:var(--gray-200);border-radius:10px;overflow:hidden}.lang-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:10px}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.showroom-page{background:var(--navy);padding-top:60px}.showroom-page .showroom-filters{margin-bottom:48px}.showroom-page .filter-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.75)}.showroom-page .filter-btn:hover{border-color:var(--primary);color:#fff;background:rgba(245,197,24,.1)}.showroom-page .filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--navy)}.showroom-preview{background:var(--navy)!important}.showroom-preview .section-tag{background:rgba(245,197,24,.15);color:var(--primary)}.showroom-preview .section-title{color:var(--white)}.contact-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.contact-page .contact-form-wrapper h2,.contact-page .contact-info h2{font-size:1.4rem;color:var(--navy);margin-bottom:12px}.contact-page .contact-intro{color:var(--text-light);margin-bottom:24px;line-height:1.8}.contact-page .contact-card{background:var(--gray-50);border:1px solid var(--gray-200)}.contact-page .contact-card:hover{background:var(--white);border-color:var(--primary);transform:translateX(6px)}.contact-page .contact-card-icon{background:rgba(245,197,24,.12);color:var(--primary-dark)}.contact-page .contact-card h4{color:var(--navy)}.contact-page .contact-card p{color:var(--text-light)}.contact-page .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:6px}.contact-page .form-group input,.contact-page .form-group textarea{background:var(--gray-50);border:2px solid var(--gray-200);color:var(--text)}.contact-page .form-group input::placeholder,.contact-page .form-group textarea::placeholder{color:var(--text-light)}.contact-page .form-group input:focus,.contact-page .form-group textarea:focus{box-shadow:0 0 0 3px rgba(245,197,24,.1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:40px;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:24px}.footer-brand p{color:rgba(255,255,255,.4);font-size:.85rem;margin-top:12px;line-height:1.6}.footer-links h4{color:var(--white);font-size:.9rem;margin-bottom:16px}.footer-links a{display:block;color:rgba(255,255,255,.4);font-size:.85rem;padding:4px 0;transition:var(--transition)}.footer-links a:hover{color:var(--primary);transform:translateX(4px)}.footer-bottom{text-align:center}.footer-bottom p{color:rgba(255,255,255,.3);font-size:.8rem}.fade-in{transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{transform:translateY(0)}.gradient-text{background:linear-gradient(135deg,#f5c518,#ffd700,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.glow-hover:hover{box-shadow:0 0 30px rgba(245,197,24,.15)}.hero:before{background:radial-gradient(2px 2px at 20% 30%,rgba(245,197,24,.25),transparent),radial-gradient(2px 2px at 80% 20%,rgba(245,197,24,.2),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.15),transparent),radial-gradient(2px 2px at 60% 50%,rgba(245,197,24,.15),transparent),radial-gradient(2px 2px at 10% 80%,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 90% 60%,rgba(245,197,24,.2),transparent),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 70% 80%,rgba(245,197,24,.18),transparent);background-size:250px 250px;animation:particleDrift 20s linear infinite}.hero:after{background:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,255,255,.02) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,255,255,.02) 50px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(8px) rotate(-1deg)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:rgba(245,197,24,.2)}50%{border-color:rgba(245,197,24,.5)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatDot{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(10px,-20px) scale(1.2);opacity:1}50%{transform:translate(-5px,-10px) scale(.8);opacity:.4}75%{transform:translate(-15px,5px) scale(1.1);opacity:.8}}.hero{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 25%,#1a2d4a 50%,var(--navy-light) 75%,var(--navy) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}.hero-image-glow{animation:pulseGlow 3s ease-in-out infinite}.hero-name{text-shadow:0 0 40px rgba(245,197,24,.1)}.hero-name span{text-shadow:0 0 60px rgba(245,197,24,.3)}.shape-1{animation:floatShape 8s ease-in-out infinite}.shape-2{animation:floatShape 10s ease-in-out 1s infinite}.shape-3{animation:floatShape 7s ease-in-out 2s infinite}.hero-float-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.hero-float-dot:first-child{width:8px;height:8px;background:rgba(245,197,24,.4);top:20%;left:10%;animation:floatDot 6s ease-in-out infinite}.hero-float-dot:nth-child(2){width:12px;height:12px;background:rgba(245,197,24,.25);top:60%;left:5%;animation:floatDot 8s ease-in-out 1s infinite}.hero-float-dot:nth-child(3){width:6px;height:6px;background:rgba(255,255,255,.3);top:30%;right:8%;animation:floatDot 7s ease-in-out 2s infinite}.hero-float-dot:nth-child(4){width:10px;height:10px;background:rgba(245,197,24,.3);bottom:25%;right:12%;animation:floatDot 9s ease-in-out .5s infinite}.hero-dot-grid{position:absolute;top:0;right:0;width:200px;height:200px;background-image:radial-gradient(rgba(245,197,24,.15) 1px,transparent 0);background-size:20px 20px;opacity:.5;pointer-events:none;z-index:0}.hero .wave-divider svg{color:var(--white)}.page-header--dark .wave-divider svg,.showroom-page+.footer .wave-divider svg{color:var(--navy)}.cert-card,.exp-card,.highlight-card,.skill-card{position:relative;overflow:hidden}.cert-card:before,.exp-card:before,.highlight-card:before,.skill-card:before{top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,197,24,.06),transparent);transition:none;z-index:1}.cert-card:hover:before,.exp-card:hover:before,.highlight-card:hover:before,.skill-card:hover:before{animation:shimmer .8s ease forwards}.skill-card:hover{transform:perspective(1000px) rotateY(2deg) translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12),0 0 30px rgba(245,197,24,.08);border-color:var(--primary)}.exp-card:hover{transform:perspective(1000px) rotateY(-1deg) translateY(-6px)}.cert-card:hover,.exp-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.1),0 0 20px rgba(245,197,24,.06)}.cert-card:hover{transform:perspective(1000px) rotateY(1.5deg) translateY(-6px)}.highlight-card:hover{transform:perspective(1000px) rotateY(-2deg) translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12),0 0 25px rgba(245,197,24,.08)}.cert-card:after,.exp-card:after,.highlight-card:after,.skill-card:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--primary),transparent,var(--primary));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.cert-card:hover:after,.exp-card:hover:after,.highlight-card:hover:after,.skill-card:hover:after{opacity:1;animation:gradientBorder 3s ease infinite}.project-card{position:relative;overflow:hidden}.project-thumb:after{background:linear-gradient(135deg,rgba(245,197,24,0),rgba(10,22,40,0));transition:background .4s ease;pointer-events:none}.project-card:hover .project-thumb:after{background:linear-gradient(135deg,rgba(245,197,24,.15),rgba(10,22,40,.4))}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,.4),0 0 40px rgba(245,197,24,.08);border-color:rgba(245,197,24,.35)}.project-thumb-placeholder i{transition:transform .4s ease,color .4s ease}.project-card:hover .project-thumb-placeholder i{transform:scale(1.2);color:rgba(245,197,24,.5)}.section-title{background:linear-gradient(135deg,var(--navy),#1a2d4a,var(--navy))}.page-header .page-title,.showroom-preview .section-title{background:linear-gradient(135deg,#ffffff,#e0e0e0,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header:before{background:radial-gradient(3px 3px at 15% 25%,rgba(245,197,24,.2),transparent),radial-gradient(3px 3px at 85% 35%,rgba(245,197,24,.15),transparent),radial-gradient(2px 2px at 45% 65%,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 75% 75%,rgba(245,197,24,.12),transparent);background-size:300px 300px;animation:particleDrift 25s linear infinite}.page-header:after{top:20px;right:40px;width:150px;height:150px;background-image:radial-gradient(rgba(245,197,24,.12) 1.5px,transparent 0);background-size:18px 18px;opacity:.6}.contact-page .form-group input,.contact-page .form-group textarea{transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.contact-page .form-group input:focus,.contact-page .form-group textarea:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px rgba(245,197,24,.12),0 0 20px rgba(245,197,24,.06)}.btn-primary .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);width:20px;height:20px;animation:ripple .6s ease forwards;pointer-events:none}.footer{position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:200% 100%;animation:gradientBorder 4s ease infinite}.footer-links a:after{bottom:0}.cta-box:before{width:300px;height:300px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%)}.cta-box:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(245,197,24,.06),transparent 70%);border-radius:50%;pointer-events:none}.fade-in:first-child{transition-delay:0s}.fade-in:nth-child(2){transition-delay:.1s}.fade-in:nth-child(3){transition-delay:.2s}.fade-in:nth-child(4){transition-delay:.3s}.fade-in:nth-child(5){transition-delay:.4s}.fade-in:nth-child(6){transition-delay:.5s}.btn,.contact-card,.filter-btn,.lang-card,.nav-link--cta{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover,.filter-btn:hover{transform:translateY(-2px) scale(1.02)}.contact-card:hover{transform:translateX(6px) scale(1.01)}.lang-card:hover{transform:translateY(-6px) scale(1.02)}.tilt-card{transition:transform .15s ease;will-change:transform}.stat-number{min-width:2ch}@media (min-width:1400px){.container{max-width:1340px}.hero-content{gap:100px}.hero-name{font-size:4.5rem}.hero-desc{font-size:1.15rem;max-width:520px}.hero-image-wrapper{width:420px;height:500px}.hero-image-glow{width:300px;height:300px}.hero-stats{gap:48px;margin-top:40px}.stat-number{font-size:2.4rem}.showroom-grid,.skills-grid{grid-template-columns:repeat(3,1fr);gap:28px}.highlights-grid{grid-template-columns:repeat(4,1fr);gap:28px}.section{padding:100px 0}.section-title{font-size:2.8rem}.page-header .page-title{font-size:3rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px}.project-card{min-width:360px}.contact-grid{gap:80px}.exp-card{padding:32px}.experience-grid{gap:28px}.nav-menu{gap:8px}.nav-link{font-size:15px;padding:8px 18px}}@media (min-width:1600px){.container{max-width:1480px}.hero-content{gap:120px}.hero-name{font-size:5rem}.hero-image-wrapper{width:460px;height:540px}.hero-title{font-size:1.5rem}.hero-desc{font-size:1.2rem;max-width:560px}.hero .container{padding:0 40px}.about-main{gap:80px}.cta-box{padding:60px 80px}.project-card{min-width:400px}.skill-card{padding:36px 28px}.skill-icon i{font-size:2.2rem}.contact-grid{gap:100px}.page-header{padding:140px 0 60px}.page-header .page-title{font-size:3.2rem}.footer-grid{gap:80px}.wave-divider svg{height:80px}}@media (min-width:1920px){.container{max-width:1600px}.hero-name{font-size:5.5rem}.hero-image-wrapper{width:500px;height:580px}.hero-content{gap:140px}.section{padding:120px 0}.skills-grid{gap:32px}.showroom-grid{gap:24px}.project-card{min-width:0}.skill-card{padding:40px 32px}.exp-card{padding:36px}.contact-grid{gap:120px}.page-header{padding:160px 0 70px}.page-header .page-title{font-size:3.5rem}.page-header .page-subtitle{font-size:1.15rem}.section-title{font-size:3rem}.footer{padding:80px 0 30px}.footer-grid{gap:100px}.nav-link{font-size:16px;padding:10px 20px}.wave-divider svg{height:100px}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:50px}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-image{order:-1}.hero-image-wrapper{width:280px;height:340px}.hero-image-glow{width:200px;height:200px}.about-main{grid-template-columns:1fr}.about-photo-wrapper{max-width:320px;margin:0 auto}.about-content{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}.contact-page .contact-grid{grid-template-columns:1fr;gap:40px}.highlights-grid,.showroom-grid,.showroom-preview .showroom-grid{grid-template-columns:repeat(2,1fr)}.cta-box{flex-direction:column;text-align:center;padding:40px}.footer-grid{grid-template-columns:1fr 1fr 1fr;text-align:center;gap:24px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{display:block}}@media (max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(180deg,var(--navy) 0,#0d1d35 100%);flex-direction:column;align-items:stretch!important;padding:90px 24px 40px;gap:0;transition:var(--transition);box-shadow:-10px 0 40px rgba(0,0,0,.4);border-left:1px solid rgba(255,255,255,.06);overflow-y:auto}.nav-menu.active{right:0}.nav-close{position:absolute;top:28px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.7);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.nav-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.nav-link{display:block!important;padding:16px 20px;width:100%;font-size:1.05rem;font-weight:500;border-radius:10px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.3px;text-align:left}.nav-link:last-of-type{border-bottom:none}.nav-link:hover{background:rgba(245,197,24,.06);padding-left:28px}.nav-link.active{background:rgba(245,197,24,.1);color:var(--primary)}.nav-menu .nav-cta{display:block!important;margin-top:24px;width:100%;text-align:center;padding:15px 24px;font-size:1.05rem;border-radius:12px}.hero-name{font-size:2.8rem}.scroll-indicator{position:relative;bottom:auto;left:auto;transform:none;margin-top:36px}.page-header .page-title{font-size:2rem}.section{padding:70px 0}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:1fr 1fr}.showroom-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.about-details,.languages-grid{grid-template-columns:1fr}.container{padding:0 20px}.page-header{padding:100px 0 60px}.footer-grid{gap:28px}.footer-links a{font-size:.9rem}.contact-cards{gap:12px}.contact-card{padding:16px}.scroll-top{bottom:20px;right:20px;width:42px;height:42px}}@media (max-width:480px){.hero{min-height:auto;padding:100px 0 80px}.hero-name{font-size:2.2rem}.scroll-indicator{position:relative;bottom:auto;left:auto;transform:none;margin-top:30px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:16px}.cert-grid,.highlights-grid{grid-template-columns:1fr}.highlight-card{padding:20px}.about-highlights{grid-template-columns:1fr}.section{padding:50px 0}.section-title{font-size:1.6rem}.section-tag{font-size:.7rem;padding:6px 16px}.page-header .page-title{font-size:1.7rem}.page-header .page-subtitle{font-size:.85rem}.cta-box{padding:32px 20px}.cta-box h2{font-size:1.3rem}.btn-download{padding:12px 24px;font-size:14px}.footer{padding:28px 0 14px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:20px;text-align:left!important}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand p{font-size:.82rem;margin-top:4px}.footer-links h4{margin-bottom:6px;font-size:.85rem}.footer-links{gap:3px!important}.footer-links a{font-size:.82rem;padding:2px 0}.footer-social{gap:12px;margin:12px 0 10px}.footer-bottom{padding-bottom:8px}.footer-bottom p{font-size:.75rem}.contact-social .social-link,.social-link{width:40px;height:40px;font-size:16px}.showroom-filters{gap:8px}.filter-btn{padding:6px 16px;font-size:13px}.project-body{padding:18px}.project-body h3{font-size:1rem}.project-body p{font-size:.8rem}.project-tech span{font-size:.65rem;padding:3px 8px}.exp-card,.skill-card{padding:24px 18px}.timeline-content{padding:20px 16px}.about-bio{font-size:.9rem}.detail-item{font-size:.85rem}.lang-card{padding:24px 18px}}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(245,197,24,.3) 0,transparent 100%),radial-gradient(2px 2px at 40% 70%,rgba(245,197,24,.2) 0,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.3) 0,transparent 100%),radial-gradient(2px 2px at 80% 50%,rgba(245,197,24,.15) 0,transparent 100%),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.2) 0,transparent 100%),radial-gradient(1px 1px at 70% 90%,rgba(245,197,24,.25) 0,transparent 100%),radial-gradient(2px 2px at 90% 10%,rgba(255,255,255,.15) 0,transparent 100%),radial-gradient(1px 1px at 50% 50%,rgba(245,197,24,.2) 0,transparent 100%);animation:particleDrift 20s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes particleDrift{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-15px) translateX(10px)}50%{transform:translateY(-5px) translateX(-8px)}75%{transform:translateY(-20px) translateX(5px)}}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 0),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 0);background-size:60px 60px;animation:gridMove 15s linear infinite;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.shape-1{animation:floatShape1 8s ease-in-out infinite}.shape-2{animation:floatShape2 10s ease-in-out infinite}.shape-3{animation:floatShape3 12s ease-in-out infinite}@keyframes floatShape1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}@keyframes floatShape2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,15px) scale(1.08)}}@keyframes floatShape3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.06}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.hero-image-glow{animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;filter:blur(30px)}50%{opacity:1;filter:blur(50px)}}.hero-name span{background:linear-gradient(135deg,#f5c518,#ffd700 40%,#ffed4a 60%,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmerText 4s linear infinite}@keyframes shimmerText{0%{background-position:0}to{background-position:200%}}.hero-name{text-shadow:0 0 80px rgba(245,197,24,.15)}.section-title{background:linear-gradient(135deg,var(--navy) 0,#1a3a5c 50%,var(--navy) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact .section-title,.page-header .page-title,.showroom .section-title{background:linear-gradient(135deg,#ffffff,#e0e0e0 50%,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cert-card,.exp-card,.highlight-card,.project-card,.skill-card{position:relative;overflow:hidden}.cert-card:before,.exp-card:before,.highlight-card:before,.skill-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(245,197,24,.04) 50%,transparent 70%);transform:rotate(45deg) translateX(-100%);transition:transform .8s ease;pointer-events:none;z-index:0}.cert-card:hover:before,.exp-card:hover:before,.highlight-card:hover:before,.skill-card:hover:before{transform:rotate(45deg) translateX(100%)}.cert-card>*,.exp-card>*,.highlight-card>*,.skill-card>*{position:relative;z-index:1}.skill-card:hover{border-color:transparent;box-shadow:0 10px 40px rgba(0,0,0,.12),0 0 0 1px rgba(245,197,24,.3),inset 0 0 30px rgba(245,197,24,.03)}.project-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 0 1px rgba(245,197,24,.2),0 0 60px rgba(245,197,24,.05)}.stat,.stat-number{position:relative}.stat-number{display:inline-block}.stat-number:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--primary);border-radius:3px;opacity:.5}.cta-box{position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;animation:ctaGlow 6s ease-in-out infinite}@keyframes ctaGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}.footer{border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--primary),transparent) 1}.fade-in{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.fade-in.visible{opacity:1;transform:translateY(0) scale(1)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(245,197,24,.1),0 0 20px rgba(245,197,24,.05)}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.btn-primary:hover:after{transform:translateX(100%)}.skill-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.skill-card:hover .skill-icon{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 25px rgba(245,197,24,.2)}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,40,.8) 0,transparent 60%);opacity:0;transition:opacity .4s ease;z-index:1}.project-card:hover .project-thumb:after{opacity:1}.cert-card:hover .cert-icon{animation:iconBounce .5s ease}@keyframes iconBounce{0%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.timeline-marker{animation:markerPulse 2s ease-in-out infinite}@keyframes markerPulse{0%,to{box-shadow:0 0 0 0 rgba(245,197,24,.3)}50%{box-shadow:0 0 0 8px rgba(245,197,24,0)}}.nav-link:not(.nav-link--cta){position:relative}.nav-link:not(.nav-link--cta):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:width .3s ease,left .3s ease;border-radius:2px}.nav-link:not(.nav-link--cta).active:after,.nav-link:not(.nav-link--cta):hover:after{width:60%;left:20%}.page-header{position:relative;overflow:hidden}.page-header:before{background-image:radial-gradient(2px 2px at 15% 25%,rgba(245,197,24,.2) 0,transparent 100%),radial-gradient(1px 1px at 50% 75%,rgba(255,255,255,.15) 0,transparent 100%),radial-gradient(2px 2px at 85% 45%,rgba(245,197,24,.15) 0,transparent 100%);animation:particleDrift 20s ease-in-out infinite}.page-header:after,.page-header:before{content:"";position:absolute;inset:0;pointer-events:none}.page-header:after{background-image:linear-gradient(rgba(245,197,24,.02) 1px,transparent 0),linear-gradient(90deg,rgba(245,197,24,.02) 1px,transparent 0);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.wave-divider{position:absolute;bottom:-1px;left:-1px;right:-1px;color:var(--white);line-height:0;z-index:2;overflow:hidden}.wave-divider svg{width:calc(100% + 2px);height:60px;display:block}.page-header--dark .wave-divider{color:var(--navy)}.page-header--contact .wave-divider{color:var(--white)}.contact-card:hover .contact-card-icon{background:var(--primary);color:var(--navy);transform:scale(1.1);transition:all .3s ease}.footer-links a{position:relative;display:inline-block}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary);transition:width .3s ease}.footer-links a:hover:after{width:100%}.highlight-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.highlight-card:hover{transform:translateY(-6px) scale(1.02)}.showroom .section-header,.showroom-preview .section-header{position:relative;z-index:1}body{animation:pageLoad .6s ease}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.floating-element{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary);opacity:.2;animation:floatParticle 6s ease-in-out infinite;z-index:0;pointer-events:none}.floating-element.sm{width:4px;height:4px;opacity:.15}@keyframes floatParticle{0%,to{transform:translateY(0) translateX(0);opacity:.2}25%{transform:translateY(-30px) translateX(15px);opacity:.4}50%{transform:translateY(-15px) translateX(-10px);opacity:.15}75%{transform:translateY(-40px) translateX(8px);opacity:.35}}.hero-greeting{display:flex;align-items:center;gap:12px}.hero-greeting:before{content:"";width:40px;height:2px;background:var(--primary);border-radius:2px;flex-shrink:0}.skill-tags span{transition:all .3s ease;cursor:default}.skill-tags span:hover{background:var(--primary)!important;color:var(--navy)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,197,24,.25)}.project-status.completed{box-shadow:0 0 12px rgba(34,197,94,.2)}.project-status.in-progress{box-shadow:0 0 12px rgba(245,197,24,.2)}.project-status.planned{box-shadow:0 0 12px rgba(59,130,246,.2)}.section-cta{text-align:center;margin-top:48px}.btn-outline-dark{background:transparent;color:var(--navy);border:2px solid var(--gray-200)}.btn-outline-dark:hover{border-color:var(--primary);color:var(--navy);transform:translateY(-2px);box-shadow:0 4px 15px rgba(245,197,24,.15)}.scroll-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--navy);border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(245,197,24,.35);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-4px);box-shadow:0 6px 25px rgba(245,197,24,.5)}.footer-social{gap:16px;margin:32px 0 24px}.footer-social,.social-link{display:flex;justify-content:center}.social-link{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;align-items:center;font-size:20px;transition:all .3s ease;border:1.5px solid rgba(255,255,255,.25);text-decoration:none}.social-link:hover{background:var(--primary);color:var(--navy);transform:translateY(-4px);box-shadow:0 4px 15px rgba(245,197,24,.3);border-color:var(--primary)}.page-loader{position:fixed;inset:0;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-spinner{width:48px;height:48px;border:4px solid rgba(245,197,24,.15);border-top:4px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loader-wrap{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-logo{font-size:3rem;font-weight:900;color:var(--primary);position:relative;letter-spacing:2px;animation:logoPulse 1.8s ease-in-out infinite}.loader-logo:after{content:"";position:absolute;left:0;bottom:-8px;height:3px;width:100%;background:var(--primary);transform-origin:left;animation:loaderBar 1.2s ease-in-out infinite}.loader-text{color:rgba(255,255,255,.7);font-size:.82rem;letter-spacing:4px;text-transform:uppercase;font-weight:500}.loader-dots,.loader-dots span{display:inline-block}.loader-dots span{width:5px;height:5px;background:var(--primary);border-radius:50%;margin:0 2px;animation:loaderDots 1.4s ease-in-out infinite both}.loader-dots span:first-child{animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes loaderBar{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes loaderDots{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.page-transition{position:fixed;inset:0;background:var(--navy);z-index:9999;pointer-events:none;transform:translateY(100%);transition:transform .5s cubic-bezier(.76,0,.24,1)}.page-transition.active{transform:translateY(0)}.page-transition.leaving{transform:translateY(-100%)}body.page-entering{opacity:0}body.page-entered{opacity:1;transition:opacity .4s ease}.hero-image-wrapper,.hero-text{transition:transform .15s ease-out;transform-style:preserve-3d}.hero .floating-element,.hero .shape{transition:transform .3s ease-out}.comments-section{padding:60px 0;background:var(--section-alt-bg,#f8f9fa)}.comments-wrap{max-width:780px;margin:0 auto}.comments-title{font-size:1.6rem;margin-bottom:24px;display:flex;align-items:center;gap:12px}.comments-title i{color:var(--primary)}.comments-count{background:var(--primary);color:var(--navy);font-size:.85rem;padding:3px 10px;border-radius:20px;font-weight:700;margin-left:4px}.comment-form{background:var(--white);border:1px solid var(--border-color);border-radius:14px;padding:20px;margin-bottom:24px}.comment-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.comment-form input,.comment-form textarea{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--section-alt-bg,#f8f9fa);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition);resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary)}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:10px}.comment-char-count{font-size:.78rem;color:var(--text-light)}.comment-form .btn{padding:10px 22px;font-size:.85rem}.comment-form .btn:disabled{opacity:.7;cursor:wait}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;gap:14px;animation:slideInComment .3s ease}@keyframes slideInComment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.comment-body{flex:1 1;min-width:0}.comment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}.comment-head strong{color:var(--text);font-size:.92rem}.comment-time{font-size:.75rem;color:var(--text-light)}.comment-body p{margin:0;color:var(--text);font-size:.9rem;line-height:1.6;word-wrap:break-word}.comments-empty{text-align:center;padding:40px 20px;color:var(--text-light);background:var(--white);border-radius:12px;border:1px dashed var(--border-color)}.comments-empty i{font-size:2rem;margin-bottom:10px;display:block;color:var(--primary);opacity:.5}@media (max-width:600px){.comment-form-row{grid-template-columns:1fr}}.showroom-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:16px;background:var(--white);border-radius:14px;border:1.5px solid rgba(245,197,24,.25);box-shadow:0 2px 12px rgba(245,197,24,.06)}.showroom-search{position:relative;flex:1 1;min-width:240px}.showroom-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light)}.showroom-search input{width:100%;padding:11px 16px 11px 40px;border:1px solid var(--border-color);border-radius:10px;background:var(--section-alt-bg,#f8f9fa);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition)}.showroom-search input:focus{border-color:var(--primary)}.showroom-status-filters{display:flex;gap:6px;flex-wrap:wrap}.showroom-status-filters .filter-btn{padding:8px 14px;font-size:.82rem;display:inline-flex;align-items:center;gap:6px;background:var(--gray-100,#f3f4f6);color:var(--text,#333);border-color:var(--border-color,#e5e7eb)}.showroom-status-filters .filter-btn:hover{background:rgba(245,197,24,.12);color:var(--primary-dark);border-color:var(--primary)}.showroom-status-filters .filter-btn.active{background:var(--primary);color:var(--navy);border-color:var(--primary)}.showroom-count{color:var(--text-light);font-size:.85rem;margin-bottom:16px;padding:0 4px}@media (max-width:640px){.showroom-toolbar{padding:12px}.showroom-status-filters{width:100%}.showroom-status-filters .filter-btn{flex:1 1;justify-content:center}}.typing-cursor{display:inline-block;width:3px;height:1em;background:var(--primary);margin-left:4px;animation:blink .7s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.showroom-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--gray-400)}.showroom-empty i{font-size:48px;margin-bottom:16px;color:var(--primary);opacity:.5}.showroom-empty p{font-size:16px;max-width:400px;margin:0 auto}.about-photo-wrapper{position:relative;overflow:hidden;border-radius:20px}.about-photo-wrapper:after{content:"";position:absolute;inset:0;border-radius:20px;border:3px solid rgba(245,197,24,.2);transition:border-color .3s ease;pointer-events:none}.about-photo-wrapper:hover:after{border-color:var(--primary)}.about-photo-wrapper:hover .about-photo{transform:scale(1.03)}.about-photo{transition:transform .5s ease}.cv-download-wrapper{text-align:center;margin-top:40px}.btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--primary);color:var(--navy);font-weight:600;border-radius:12px;font-size:15px;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,197,24,.25)}.btn-download:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(245,197,24,.4)}.form-success-overlay{position:fixed;inset:0;background:rgba(10,22,40,.9);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.form-success-overlay.active{opacity:1;visibility:visible}.form-success-content{text-align:center;color:#fff;animation:successPop .5s ease}.form-success-content i{font-size:64px;color:#22c55e;margin-bottom:20px}.form-success-content h3{font-size:24px;margin-bottom:8px}.form-success-content p{color:var(--gray-400)}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.contact-social{display:flex;gap:12px;margin-top:24px}.contact-social .social-link{background:rgba(245,197,24,.08);border-color:rgba(245,197,24,.15);color:var(--gray-600)}.contact-social .social-link:hover{background:var(--primary);color:var(--navy)}.skill-level-section{margin-top:8px}.skill-level-bar{height:4px;background:rgba(245,197,24,.12);border-radius:4px;margin-top:10px;overflow:hidden}.skill-level-fill{height:100%;background:var(--primary);border-radius:4px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-card.visible .skill-level-fill{width:var(--level)}.showroom-preview .btn-outline{color:#fff;border-color:rgba(255,255,255,.4)}.showroom-preview .btn-outline:hover{border-color:var(--primary);color:var(--primary)}.filter-btn{padding:8px 20px;border-radius:100px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary);color:#fff;background:rgba(245,197,24,.1)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--navy);font-weight:600}.showroom-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.project-thumb{position:relative;overflow:hidden}.project-card:hover .project-thumb img,.project-card:hover .project-thumb-placeholder{transform:scale(1.05)}.project-thumb img,.project-thumb-placeholder{transition:transform .4s ease}.project-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer;position:relative}.project-card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.project-card-hit:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.project-card-link .project-links{position:relative;z-index:2}.project-card-link:hover .project-card{transform:translateY(-6px)}@media (min-width:900px){.showroom-preview #showroom-container{grid-template-columns:repeat(3,1fr)!important;justify-content:center;gap:20px!important;max-width:1100px;margin-left:auto;margin-right:auto}.showroom-preview #showroom-container.preview-count-2{grid-template-columns:repeat(2,1fr)!important;max-width:740px}.showroom-preview #showroom-container.preview-count-1{grid-template-columns:1fr!important;max-width:380px}.showroom-preview #showroom-container .project-card{width:100%;min-width:0!important}.showroom-page #showroom-container{grid-template-columns:repeat(3,1fr)!important;justify-content:center;gap:20px!important;max-width:1100px;margin-left:auto;margin-right:auto}.showroom-page #showroom-container.preview-count-2{grid-template-columns:repeat(2,1fr)!important;max-width:740px}.showroom-page #showroom-container.preview-count-1{grid-template-columns:1fr!important;max-width:380px}.showroom-page #showroom-container .project-card{min-width:0!important;width:100%}}@media (min-width:1200px){.showroom-page #showroom-container{grid-template-columns:repeat(3,1fr)!important;max-width:1100px}}@media (max-width:899px){.showroom-page #showroom-container,.showroom-preview #showroom-container{grid-template-columns:repeat(2,1fr)!important}.showroom-page #showroom-container{gap:16px!important}}@media (max-width:640px){.showroom-page #showroom-container,.showroom-preview #showroom-container{grid-template-columns:1fr!important}.showroom-page #showroom-container{gap:14px!important}}.project-detail-section{padding:40px 0 80px}.project-detail-back{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.95rem;font-weight:600;margin-bottom:28px;transition:var(--transition);text-decoration:none}.project-detail-back:hover{color:var(--primary-dark);transform:translateX(-4px)}.pd-cover{border-radius:16px;overflow:hidden;margin-bottom:36px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.pd-cover,.pd-cover img{width:100%;max-height:480px}.pd-cover img{height:100%;object-fit:cover;display:block}.pd-header{margin-bottom:36px}.pd-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.pd-badge{font-size:.78rem;font-weight:600;padding:5px 14px;border-radius:50px;letter-spacing:.3px}.pd-badge-cat{background:rgba(245,197,24,.12);color:var(--primary-dark);text-transform:uppercase}.pd-badge-status{background:rgba(34,197,94,.1);color:#16a34a}.pd-status-in-progress{background:rgba(245,197,24,.12);color:#d4a90e}.pd-status-planned{background:rgba(59,130,246,.12);color:#3b82f6}.pd-title{font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:10px}.pd-subtitle{font-size:1.1rem;color:var(--text-light);line-height:1.7;max-width:700px}.pd-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:48px;gap:48px;align-items:start}.pd-main{display:flex;flex-direction:column;gap:0}.pd-section{margin-bottom:36px}.pd-text-section{background:var(--white);border-radius:14px;padding:36px;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04)}.pd-section-title{font-size:1.3rem;font-weight:700;color:var(--navy);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid rgba(245,197,24,.2);display:flex;align-items:center;gap:8px}.pd-section-title:before{content:"";width:4px;height:22px;background:var(--primary);border-radius:4px;flex-shrink:0}.pd-section-body{font-size:.95rem;color:var(--text);line-height:1.9}.pd-image-section{margin-bottom:36px}.pd-image-wrapper{border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.pd-image-wrapper img{width:100%;display:block;transition:transform .5s ease}.pd-image-wrapper:hover img{transform:scale(1.02)}.pd-image-section figcaption{text-align:center;font-size:.85rem;color:var(--text-light);margin-top:12px;font-style:italic}.pd-sidebar{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:100px}.pd-sidebar-card{background:var(--white);border-radius:14px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04)}.pd-sidebar-card h3{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:8px}.pd-sidebar-card h3 i{color:var(--primary);font-size:.85rem}.pd-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.pd-tech-tags span{background:var(--gray-100);color:var(--text);font-size:.82rem;font-weight:500;padding:6px 14px;border-radius:50px;transition:var(--transition)}.pd-tech-tags span:hover{background:var(--primary);color:var(--navy)}.pd-links{flex-direction:column}.pd-link,.pd-links{display:flex;gap:10px}.pd-link{align-items:center;padding:12px 18px;border-radius:10px;font-size:.9rem;font-weight:600;transition:var(--transition);text-decoration:none}.pd-link--demo{background:var(--primary);color:var(--navy)}.pd-link--demo:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(245,197,24,.3)}.pd-link--github{background:var(--navy);color:var(--white)}.pd-link--github:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:0 4px 15px rgba(10,22,40,.3)}.pd-info-list{list-style:none;padding:0}.pd-info-list li{padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:.88rem;color:var(--text);display:flex;justify-content:space-between}.pd-info-list li:last-child{border-bottom:none}.pd-info-list li strong{color:var(--navy);font-weight:600}.project-detail-not-found{text-align:center;padding:100px 20px}.project-detail-not-found i{font-size:4rem;color:var(--gray-200);margin-bottom:20px;display:block}.project-detail-not-found h2{font-size:1.6rem;color:var(--navy);margin-bottom:12px}.project-detail-not-found p{color:var(--text-light);margin-bottom:24px}@media (max-width:900px){.pd-layout{grid-template-columns:1fr;gap:24px}.pd-title{font-size:1.8rem}.pd-cover,.pd-cover img{max-height:300px}.pd-sidebar{position:static}}@media (max-width:576px){.pd-title{font-size:1.4rem}.pd-text-section{padding:24px}.pd-sidebar-card{padding:20px}.project-detail-section{padding:24px 0 60px}.pd-section-title{font-size:1.1rem}}.form-message{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;border-radius:12px;font-size:.92rem;font-weight:500;line-height:1.45}.form-message i{flex-shrink:0;font-size:1.05rem}.form-message--success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#15803d}.form-message--error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#b91c1c}html[data-theme=dark] .form-message--success{color:#4ade80}html[data-theme=dark] .form-message--error{color:#f87171}html[data-theme=dark] .pd-info-list li strong,html[data-theme=dark] .pd-section-title,html[data-theme=dark] .pd-sidebar-card h3,html[data-theme=dark] .pd-title{color:var(--text)}html[data-theme=dark] .pd-sidebar-card,html[data-theme=dark] .pd-text-section{background:var(--card-bg);border-color:var(--border-color)}html[data-theme=dark] .pd-info-list li{color:var(--text);border-bottom-color:var(--border-color)}html[data-theme=dark] .pd-tech-tags span{background:var(--gray-200);color:var(--text)}html[data-theme=dark] .pd-tech-tags span:hover{background:var(--primary);color:#0a1628}html[data-theme=dark] .pd-link--github{background:var(--gray-200);color:#ffffff;border:1px solid var(--border-color)}html[data-theme=dark] .pd-link--github:hover{background:var(--gray-100);box-shadow:0 4px 15px rgba(0,0,0,.4)}html[data-theme=dark] .pd-image-wrapper{box-shadow:0 4px 20px rgba(0,0,0,.35)}html[data-theme=dark] .project-detail-not-found h2{color:var(--text)}.pd-image-wrapper{margin-left:auto;margin-right:auto}.pd-image-section--small .pd-image-wrapper{max-width:380px}.pd-image-section--medium .pd-image-wrapper{max-width:620px}.pd-image-section--large .pd-image-wrapper{max-width:860px}.pd-image-section--full .pd-image-wrapper{max-width:none}.pd-image-wrapper img{max-height:70vh;object-fit:cover;object-position:top}@media (max-width:600px){.pd-image-section--large .pd-image-wrapper,.pd-image-section--medium .pd-image-wrapper,.pd-image-section--small .pd-image-wrapper{max-width:none}.pd-image-wrapper img{max-height:60vh}}html:not([data-theme=dark]) .project-body h3{color:var(--navy)}html:not([data-theme=dark]) .project-body p{color:var(--text-light)}html:not([data-theme=dark]) .project-category{color:#8a6d00}html:not([data-theme=dark]) .project-tech span{background:var(--gray-100);color:var(--text);border-color:rgba(0,0,0,.06)}html:not([data-theme=dark]) .project-card{background:var(--white);border-color:rgba(0,0,0,.07)}