.light-mode,:root{--primary:#4361ee;--primary-light:#4895ef;--primary-dark:#3a0ca3;--secondary:#7209b7;--secondary-light:#9d4edd;--success:#4cc9f0;--cta:#f72585;--gradient-primary:linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);--gradient-secondary:linear-gradient(135deg, #7209b7 0%, #560bad 100%)}body,h2{color:var(--text-color)}h3,h4{color:var(--text-light)}.btn,.scroll-to-top{align-items:center;cursor:pointer}.btn,.container,body{position:relative}.btn::before,html{width:100%;height:100%}.mobile-nav,.scroll-to-top{visibility:hidden;opacity:0}.logo,.nav-link,.view-details-btn,a{text-decoration:none}.main-nav ul,.mobile-nav ul,.skill-category ul{list-style:none}.btn,.filter-btn,.mode-toggle,.scroll-to-top,.slider-card{cursor:pointer}.card-index,.hero-title,h1{-webkit-text-fill-color:transparent}.btn,.card-3d-category,.card-3d-title,.greeting,.indicator-text{text-transform:uppercase}.experience-badge,.footer-bottom,.indicator-text,.page-header,.principles-cta,.text-center,.work-cta{text-align:center}:root{--bg-color:#0a0a0f;--secondary-color:#121220;--card-bg:#1a1a2e;--text-color:#f8f9fa;--text-light:#e9ecef;--text-muted:#adb5bd;--text-accent:#ffffff;--border-color:#2d2d4d;--shadow-color:rgba(0, 0, 0, 0.3);--overlay-color:rgba(10, 10, 15, 0.9);--font-primary:'Bebas Neue',sans-serif;--font-secondary:'Lato',sans-serif;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.light-mode{--bg-color:#f8f9fa;--secondary-color:#ffffff;--card-bg:#ffffff;--text-color:#212529;--text-light:#495057;--text-muted:#6c757d;--text-accent:#000000;--border-color:#e9ecef;--shadow-color:rgba(0, 0, 0, 0.1);--overlay-color:rgba(248, 249, 250, 0.95)}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}html{scroll-behavior:smooth}body{font-family:var(--font-secondary);background-color:var(--bg-color);line-height:1.6;min-height:100vh;width:100%;transition:background-color var(--transition-normal),color var(--transition-normal)}.btn,.card-index,h1,h2,h3,h4{font-family:var(--font-primary)}.btn,h1{background:var(--gradient-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin-bottom:.5rem}h1{font-size:3.5rem;-webkit-background-clip:text;background-clip:text}h2{font-size:2.8rem}h3{font-size:1.8rem}h4{font-size:1.4rem}.btn,p{font-size:1.1rem}p{margin-bottom:1rem;color:var(--text-muted)}a{color:var(--primary);transition:color var(--transition-fast)}.close-notification:hover,a:hover{color:var(--cta)}.btn{display:inline-flex;gap:10px;padding:14px 32px;color:#fff;border:none;border-radius:50px;font-weight:600;transition:all var(--transition-normal);letter-spacing:1px;overflow:hidden;z-index:1}.main-header,.scroll-to-top{position:fixed;display:flex}.btn::before{content:'';position:absolute;top:0;left:-100%;background:var(--gradient-secondary);transition:left var(--transition-normal);z-index:-1}.btn:hover::before{left:0}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow-color)}.btn:active{transform:translateY(-1px)}.secondary-btn{background:0 0;border:2px solid var(--primary);color:var(--primary)}.scroll-to-top,.secondary-btn::before{background:var(--gradient-primary)}.secondary-btn:hover{color:#fff}.pulse-btn{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(67,97,238,.7)}70%{box-shadow:0 0 0 15px rgba(67,97,238,0)}100%{box-shadow:0 0 0 0 rgba(67,97,238,0)}}.scroll-to-top{bottom:30px;right:30px;width:50px;height:50px;color:#fff;border:none;border-radius:50%;font-size:1.2rem;z-index:999;transform:translateY(20px);transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 5px 20px rgba(67,97,238,.4);justify-content:center}#typed-text,.nav-link{color:var(--text-light);font-weight:600}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px rgba(67,97,238,.6)}.main-header{top:0;left:0;width:100%;z-index:1000;background:var(--overlay-color);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal);height:70px;align-items:center}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;width:100%}.logo,.main-nav{align-items:center;display:flex}.mobile-nav .nav-link::after,.nav-link::after{content:'';position:absolute;height:2px;background:var(--gradient-primary);bottom:0}.logo{height:100%;padding:0}.logo-main{height:40px;width:auto;transition:.3s cubic-bezier(.4, 0, .2, 1);transform-origin:left center;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.logo:hover .logo-main{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .3))}.light-mode .logo-main{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.main-nav ul{display:flex;gap:2.5rem;margin:0;padding:0}.nav-link{font-size:1rem;position:relative;padding:.5rem 0;transition:color var(--transition-fast)}.nav-link::after{left:0;width:0;transition:width var(--transition-normal)}.mobile-nav .nav-link:focus::after,.mobile-nav .nav-link:hover::after,.nav-link.active::after,.nav-link:hover::after{width:100%}.footer-links a:hover,.mobile-nav .nav-link:focus,.mobile-nav .nav-link:hover,.nav-link.active{color:var(--primary)}.mode-toggle{background:0 0;border:none;color:var(--text-color);font-size:1.5rem;padding:8px;border-radius:50%;transition:all var(--transition-normal);margin-left:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.mode-toggle:hover{background:var(--secondary-color);transform:rotate(30deg)}.portfolio-item:hover,.principle:hover,.social-link:hover{transform:translateY(-5px)}.mobile-menu-toggle{display:none}.mobile-menu-button{display:none;cursor:pointer;width:30px;height:24px;position:relative;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;padding:0}.mobile-menu-icon{display:block;width:100%;height:3px;background:var(--text-color);border-radius:3px;transition:.3s}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--overlay-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:.4s cubic-bezier(.77, 0, .175, 1);padding:80px 20px 20px;overflow-y:auto}.mobile-nav ul{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;height:100%}.mobile-nav .nav-link{font-size:1.8rem;color:var(--text-color);text-decoration:none;position:relative;padding:.5rem 1rem;transition:.3s}.mobile-nav .nav-link::after{left:50%;transform:translateX(-50%);width:0;transition:width .3s}.image-modal.active,.mobile-menu-toggle:checked~.mobile-nav{opacity:1;visibility:visible}.mobile-menu-toggle:checked+.mobile-menu-button .mobile-menu-icon:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle:checked+.mobile-menu-button .mobile-menu-icon:nth-child(2){opacity:0}.mobile-menu-toggle:checked+.mobile-menu-button .mobile-menu-icon:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}body:has(.mobile-menu-toggle:checked){overflow:hidden}.hero-section{min-height:100vh;display:flex;align-items:center;padding:70px 0 30px;position:relative;overflow:hidden;margin-top:0;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}.hero-text-wrapper{opacity:0;transform:translateY(30px);animation:1.2s cubic-bezier(.23,1,.32,1) forwards majesticReveal;animation-delay:.2s}.greeting{font-size:1.2rem;color:var(--primary);margin-bottom:.5rem;font-weight:600;letter-spacing:2px;opacity:0;transform:translateX(-20px);animation:.8s ease-out .5s forwards slideInLeft}.hero-title{font-size:4.5rem;margin-bottom:1rem;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;opacity:0;transform:translateY(40px);animation:1s cubic-bezier(.23,1,.32,1) forwards majesticTitle;animation-delay:.7s;display:flex;flex-direction:column}.hero-cta,.hero-description{transform:translateY(20px);opacity:0}.hero-title span{display:block;line-height:.9}.typing-container{font-size:1.8rem;margin-bottom:1.5rem;min-height:60px;display:flex;align-items:center;opacity:0;animation:.8s ease-out 1.2s forwards fadeIn}.cursor{color:var(--cta);animation:1s infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-description{font-size:1.2rem;margin-bottom:2.5rem;max-width:600px;color:var(--text-muted);animation:.8s ease-out 1.5s forwards fadeInUp}.hero-cta{display:flex;gap:1.5rem;flex-wrap:wrap;animation:.8s ease-out 1.8s forwards fadeInUp}.hero-visual{position:relative;width:100%;max-width:420px;height:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:visible;opacity:0;transform:translateX(50px) rotateY(15deg);animation:1.2s cubic-bezier(.23,1,.32,1) forwards majesticSlider;animation-delay:.8s}.card-3d-img,.card-3d-inner,.card-3d-video,.card-overlay,.slider-card,.slider-track{transform-style:preserve-3d}.floating-shape{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:.1;filter:blur(40px)}.shape-1{width:300px;height:300px;top:0;right:0;animation:6s ease-in-out infinite float}.shape-2{width:200px;height:200px;bottom:0;left:0;background:var(--gradient-secondary);animation:8s ease-in-out infinite reverse float}.shape-3{width:150px;height:150px;top:50%;right:30%;background:linear-gradient(135deg,var(--cta),var(--secondary));animation:7s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes majesticReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes majesticTitle{0%{opacity:0;transform:translateY(40px) scale(1.1);filter:blur(10px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes majesticSlider{0%{opacity:0;transform:translateX(50px) rotateY(15deg) scale(.9);filter:blur(10px)}100%{opacity:1;transform:translateX(0) rotateY(0) scale(1);filter:blur(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.principles-section,.work-section{padding:80px 0;background:var(--secondary-color);position:relative;display:block;visibility:visible;opacity:1}.page-header{margin-bottom:3rem;padding-top:10px}.page-header h2{font-size:2.8rem;margin-bottom:.8rem;color:var(--text-color)}.page-header p{max-width:600px;margin:0 auto;color:var(--text-muted)}.portfolio-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:0 0;border:2px solid var(--border-color);color:var(--text-muted);border-radius:50px;font-weight:600;transition:.2s}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.portfolio-item{background:var(--card-bg);border-radius:16px;overflow:hidden;transition:transform .3s;border:1px solid var(--border-color)}.portfolio-media{position:relative;overflow:hidden;height:200px}.portfolio-media img,.portfolio-media video,.profile-image{width:100%;height:100%;object-fit:cover;display:block}.portfolio-category-tag{position:absolute;top:1rem;right:1rem;background:var(--primary);color:#fff;padding:6px 12px;border-radius:50px;font-size:.8rem;font-weight:600;z-index:2}.portfolio-item-content h3,.view-details-btn:hover{color:var(--text-color)}.portfolio-item-content p{color:var(--text-muted)}.view-details-btn{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;transition:color .2s}.work-cta{padding:2.5rem;background:var(--card-bg);border-radius:16px;margin-top:3rem;border:1px solid var(--border-color)}.principles-cta p,.work-cta p{font-size:1.2rem;margin-bottom:1.2rem;color:var(--text-muted)}.about-section,.contact-section{padding:80px 0;background:var(--bg-color);position:relative;display:block;visibility:visible;opacity:1}.about-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start;margin-top:2rem}.about-image-container{position:relative;width:100%;max-width:400px;margin:0 auto}.about-text h2,.about-text p,.skill-icon{margin-bottom:1.2rem}.about-image-frame{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color)}.experience-badge,.social-link:hover{background:var(--primary);color:#fff}.experience-badge{position:absolute;bottom:-25px;right:-20px;padding:12px 18px;border-radius:12px;min-width:120px}.experience-badge .years{display:block;font-size:2.8rem;font-weight:900;line-height:1}.experience-badge .label{display:block;font-size:.85rem;font-weight:700}.about-text h2{font-size:2.5rem;color:var(--text-color)}.about-text p{font-size:1.1rem;line-height:1.7;color:var(--text-muted)}.principle h3,.skill-category h3,.social-link{color:var(--text-color)}.social-about{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.social-link{width:48px;height:48px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:.3s;border:2px solid var(--border-color)}.skills-section{margin-top:4rem;padding-top:20px}.principle,.skill-category{background:var(--card-bg);padding:2rem;transition:.3s}.contact-section h2,.principles-section h2,.skills-section h2{font-size:2.5rem;margin-bottom:2.5rem;text-align:center;color:var(--text-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skill-category{border-radius:16px;border:1px solid var(--border-color)}.skill-icon{font-size:2.5rem;color:var(--primary)}.skill-category h3{font-size:1.6rem;margin-bottom:1rem}.skill-category ul li{padding:.6rem 0 .6rem 1.8rem;border-bottom:1px solid var(--border-color);position:relative;font-size:1.05rem;color:var(--text-muted)}.skill-category ul li:last-child{border-bottom:none}.skill-category ul li::before{content:'▸';color:var(--primary);position:absolute;left:0;font-size:1.2rem}.design-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.principle{border-radius:20px;border:1px solid var(--border-color)}.principle-icon-circle{width:60px;height:60px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:1.2rem}.contact-info-card,.principles-cta{background:var(--card-bg);padding:2.5rem}.principle h3{font-size:1.4rem;margin-bottom:.6rem}.principle p{color:var(--text-muted);font-size:1rem;line-height:1.6}.principles-cta{border-radius:20px;margin-top:3rem;border:1px solid var(--border-color)}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:2rem;align-items:stretch}.contact-info-card{border-radius:20px;border:1px solid var(--border-color);height:100%}.contact-info-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-color)}.contact-info-card>p{margin-bottom:1.5rem;font-size:1rem;line-height:1.6;color:var(--text-muted)}.contact-details-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.contact-detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid var(--border-color);transition:.3s}.contact-detail-item:hover{transform:translateX(5px)}.contact-icon-circle{width:45px;height:45px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.contact-detail-content h4{font-size:1rem;margin-bottom:.3rem;color:var(--text-color)}.contact-detail-content a,.contact-detail-content p{margin-bottom:0;color:var(--text-muted);font-size:.9rem}.availability-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(76,201,240,.1);color:#4cc9f0;padding:5px 10px;border-radius:20px;font-size:.8rem;margin-top:.3rem}.quick-response-note{display:flex;align-items:center;gap:.8rem;padding:1rem;background:rgba(67,97,238,.05);border-radius:12px;border:1px solid rgba(67,97,238,.2);margin-top:1rem}.quick-response-note i{color:#4cc9f0;font-size:1.1rem}.quick-response-note p{margin-bottom:0;font-size:.9rem;color:var(--text-muted)}.contact-form-wrapper{background:var(--card-bg);border-radius:20px;padding:2.5rem;border:1px solid var(--border-color)}.contact-form-header h3{font-size:1.6rem;color:var(--text-color);margin-bottom:.5rem}.contact-form-header p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1.2rem}.form-group.full-width{grid-column:1/-1}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);font-family:Lato,sans-serif;font-size:.95rem;transition:.3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary)}.footer-bottom,.form-actions,.main-footer{border-top:1px solid var(--border-color)}.form-group textarea{min-height:140px;resize:vertical;line-height:1.6}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:1.2rem}.required-note{color:var(--text-muted);font-size:.85rem}.main-footer{background:var(--card-bg);padding:3rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2.5rem}.footer-logo .logo-text{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.8rem;display:inline-block}.footer-logo p{color:var(--text-muted);font-size:.95rem}.footer-links h4,.footer-social h4{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.footer-links a{display:block;margin-bottom:.6rem;color:var(--text-muted);transition:color .3s}.social-icons{display:flex;gap:1rem;margin-top:.5rem}.social-icons a{width:42px;height:42px;border-radius:50%;background:var(--bg-color);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:.3s;border:1px solid var(--border-color)}.card-3d-face,.card-3d-inner,.card-media,.slider-card{border-radius:25px}.social-icons a:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.footer-bottom{padding-top:1.5rem;color:var(--text-muted);font-size:.9rem}.slider-3d-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.slider-track{position:relative;width:100%;height:380px;display:flex;justify-content:center;align-items:center}.slider-card{position:absolute;width:280px;height:340px;transition:.6s cubic-bezier(.25, .46, .45, .94);opacity:0;pointer-events:none;overflow:hidden;perspective:1000px}.card-3d-face,.card-3d-inner,.card-media{width:100%;height:100%}.slider-card.prev{transform:translateX(-180px) translateZ(-100px) rotateY(25deg) scale(.85);opacity:.7;z-index:2;pointer-events:auto;filter:blur(8px) brightness(.85);box-shadow:-20px 20px 40px rgba(0,0,0,.4)}.slider-card.active{transform:translateX(0) translateZ(50px) rotateY(0) scale(1);opacity:1;z-index:3;pointer-events:auto;filter:none;box-shadow:0 25px 50px rgba(0,0,0,.3),0 15px 40px rgba(67,97,238,.2),0 0 0 1px rgba(255,255,255,.1)}.slider-card.next{transform:translateX(180px) translateZ(-100px) rotateY(-25deg) scale(.85);opacity:.7;z-index:2;pointer-events:auto;filter:blur(8px) brightness(.85);box-shadow:20px 20px 40px rgba(0,0,0,.4)}.card-3d-inner{position:relative;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275)}.slider-card:hover .card-3d-inner{transform:rotateY(10deg) rotateX(5deg)}.card-3d-face{position:absolute;backface-visibility:hidden;overflow:hidden}.card-front{background:0 0}.card-media{position:relative;overflow:hidden;background:var(--secondary-color)}.card-3d-img,.card-3d-video{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .3s}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 40%,rgba(0,0,0,.6) 70%,transparent 100%);color:#fff;backdrop-filter:blur(2px);transform:translateZ(20px)}.slider-card:hover .card-overlay{transform:translateY(-5px) translateZ(25px)}.card-index{position:absolute;top:-30px;right:15px;font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;opacity:.3;line-height:1;transform:translateZ(15px)}.card-3d-title,.portfolio-item-content h3{transform:translateZ(10px);font-family:var(--font-primary)}.card-3d-title{font-size:1.1rem;margin:0 0 4px;color:#fff;letter-spacing:1px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.8);font-weight:700}.card-3d-desc{font-size:.8rem;margin:0 0 8px;color:rgba(255,255,255,.95);line-height:1.4;font-weight:400;text-shadow:0 1px 5px rgba(0,0,0,.7);transform:translateZ(5px)}.card-3d-category{display:inline-block;font-size:.7rem;color:#fff;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:50px;font-weight:600;letter-spacing:1px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.5);transform:translateZ(15px)}.auto-rotation-indicator{position:absolute;bottom:15px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:10}.indicator-dots{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);transition:.3s}.dot.active{background:var(--primary);transform:scale(1.2);box-shadow:0 0 10px rgba(67,97,238,.5)}.indicator-text{color:rgba(255,255,255,.7);font-size:.65rem;letter-spacing:1.5px;font-weight:600}.indicator-text span{display:block;font-size:.55rem;color:rgba(255,255,255,.5);margin-top:2px;letter-spacing:1px;font-weight:400}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(10px)}.modal-content{position:relative;background:var(--card-bg);border-radius:20px;max-width:90vw;max-height:90vh;overflow:hidden;transform:scale(.9);transition:transform .3s;border:1px solid var(--border-color);box-shadow:0 25px 50px rgba(0,0,0,.5)}.close-modal,.modal-btn{display:flex;transition:.3s;cursor:pointer}.image-modal.active .modal-content{transform:scale(1)}.close-modal{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;z-index:10;align-items:center;justify-content:center}.close-modal:hover{background:var(--cta);transform:rotate(90deg)}.modal-body{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-body img,.modal-body video{max-width:100%;max-height:80vh;object-fit:contain;display:block;border-radius:10px}.modal-controls{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:5}.modal-btn,.modal-btn.secondary:hover{background:var(--gradient-primary);color:#fff}.modal-btn{padding:8px 16px;border:none;border-radius:50px;font-family:var(--font-primary);font-weight:600;align-items:center;gap:6px}.modal-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(67,97,238,.3)}.modal-btn.secondary{background:0 0;border:2px solid var(--primary)}@media (max-width:1024px){.about-content,.contact-container,.hero-content{grid-template-columns:1fr;gap:2rem}.about-content,.hero-content{text-align:center}.hero-visual{height:400px}.design-principles,.footer-content{grid-template-columns:repeat(2,1fr)}.footer-content{gap:2rem}.experience-badge{bottom:-15px;right:-10px;padding:8px 12px;min-width:100px}.experience-badge .years{font-size:2rem}.slider-card{width:240px;height:300px}.slider-card.prev{transform:translateX(-140px) translateZ(-80px) rotateY(20deg) scale(.85)}.slider-card.next{transform:translateX(140px) translateZ(-80px) rotateY(-20deg) scale(.85)}.card-index{font-size:2.5rem;top:-25px}.card-3d-title{font-size:1rem}.card-3d-desc{font-size:.75rem}}@media (max-width:768px){.main-nav{display:none}.mobile-menu-button{display:flex}.mobile-nav{display:block}.mode-toggle{margin-left:.5rem}#typed-text,.footer-content,.hero-description,.typing-container{text-align:center}h1{font-size:2.5rem}h2{font-size:2rem}.hero-title{font-size:3.2rem!important;line-height:1}.hero-title span{display:block;line-height:.95}.hero-section{padding:60px 0 20px;min-height:auto}.hero-content{display:flex;flex-direction:column}.hero-text-wrapper{order:1;margin-bottom:0;padding-top:100px!important;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.greeting{font-size:1.1rem!important;margin-bottom:15px!important;letter-spacing:1.5px}.typing-container{font-size:1.5rem!important;margin-bottom:25px;min-height:50px;justify-content:center;width:100%}.hero-description{font-size:1.1rem!important;margin-bottom:35px;line-height:1.7}.hero-cta{gap:1rem;margin-bottom:50px;justify-content:center}.btn{font-size:1rem!important;padding:12px 24px!important}.hero-visual{order:2;margin-top:50px;margin-bottom:50px;height:350px}.card-3d-title{font-size:.95rem!important;line-height:1.3;margin-bottom:6px}.card-3d-desc{font-size:.8rem!important;line-height:1.4;margin-bottom:8px}.card-overlay{padding:15px}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.design-principles,.footer-content,.form-grid{grid-template-columns:1fr}.about-image-frame{width:250px;height:250px;margin:0 auto}.about-image-container{max-width:280px;margin-bottom:30px}.logo-main{height:30px}.main-header{height:60px}.main-header .container{height:60px;padding:0 15px}.design-principles{gap:1.2rem}.contact-form-wrapper,.contact-info-card{padding:1.5rem;min-height:auto}.experience-badge{bottom:-10px;right:-8px;padding:6px 10px;min-width:90px;max-width:100px}.experience-badge .years{font-size:1.8rem}.experience-badge .label{font-size:.7rem}.slider-track{height:300px}.slider-card{width:220px;height:280px}.slider-card.prev{transform:translateX(-120px) translateZ(-60px) rotateY(20deg) scale(.85);filter:blur(6px) brightness(.85)}.slider-card.next{transform:translateX(120px) translateZ(-60px) rotateY(-20deg) scale(.85);filter:blur(6px) brightness(.85)}.card-index{font-size:2rem;top:-20px}.social-about{justify-content:center;gap:.6rem}.social-link{width:40px;height:40px;font-size:1rem}.footer-content{gap:1.5rem}.footer-links{align-items:center}.social-icons{justify-content:center}.page-header{padding-top:20px;margin-bottom:2rem}.about-section,.contact-section,.principles-section,.work-section{padding:60px 0}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1rem}}@media (max-width:480px){.container{padding:0 15px}h1{font-size:2rem}.experience-badge .years,h2{font-size:1.6rem}.hero-title{font-size:2.5rem!important;line-height:1}.hero-title span{display:block;line-height:1}.hero-section{padding:50px 0 15px}.greeting{font-size:1rem!important;margin-bottom:12px!important}.typing-container{font-size:1.3rem!important;justify-content:center}.hero-text-wrapper{padding-top:80px!important;min-height:55vh;text-align:center;align-items:center}.hero-visual{order:2;max-width:280px;height:320px;margin:30px auto}.hero-cta{flex-direction:column;align-items:stretch;gap:.8rem}.btn{width:100%;justify-content:center;padding:12px 20px!important;font-size:1rem!important}.portfolio-filters{gap:.3rem}.filter-btn{padding:8px 14px;font-size:.85rem!important}.modal-content{max-width:95vw;max-height:95vh}.about-image-frame{width:220px;height:220px}.about-image-container{max-width:240px}.logo-main{height:28px}.main-header{height:55px}.main-header .container{height:55px;padding:0 10px}.experience-badge{bottom:-8px;right:-6px;padding:5px 8px;min-width:80px;max-width:90px}.experience-badge .label{font-size:.65rem;letter-spacing:.6px}.contact-detail-item{flex-direction:column;text-align:center;gap:.8rem;padding:1rem}.form-actions{flex-direction:column;gap:1rem;text-align:center}.submit-btn{width:100%}.slider-track{height:280px}.slider-card{width:200px;height:260px}.slider-card.prev{transform:translateX(-100px) translateZ(-40px) rotateY(20deg) scale(.85);filter:blur(4px) brightness(.85)}.slider-card.next{transform:translateX(100px) translateZ(-40px) rotateY(-20deg) scale(.85);filter:blur(4px) brightness(.85)}.card-overlay{padding:12px}.card-index{font-size:1.8rem;top:-15px;right:10px}.card-3d-title{font-size:.85rem!important;margin-bottom:3px;line-height:1.2}.card-3d-desc{font-size:.7rem!important;margin-bottom:6px;line-height:1.3}.card-3d-category{font-size:.6rem;padding:3px 8px}.social-about{gap:.4rem}.social-link{width:36px;height:36px;font-size:.9rem}.page-header{padding-top:15px;margin-bottom:2rem}.page-header p{font-size:.95rem;line-height:1.4}.about-section,.contact-section,.principles-section,.work-section{padding:50px 0}.skills-section{margin-top:3rem;padding-top:10px}.skills-section h2{font-size:1.8rem;margin-bottom:1.5rem}.principle,.skill-category{padding:1.2rem}.principle-icon-circle{width:45px;height:45px;font-size:1.2rem;margin-bottom:.8rem}.scroll-to-top{bottom:15px;right:15px;width:40px;height:40px;font-size:.9rem}}.contact-form-wrapper,.contact-info-card,.portfolio-item,.principle,.scroll-to-top,.skill-category,.slider-card{will-change:transform,opacity;contain:layout;backface-visibility:hidden}.light-mode .portfolio-item{border-color:rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1),0 5px 15px rgba(67,97,238,.08)}.light-mode .portfolio-item:hover{box-shadow:0 20px 40px rgba(0,0,0,.15),0 15px 35px rgba(67,97,238,.15);border-color:rgba(67,97,238,.2)}.light-mode .about-image-frame{border-color:rgba(67,97,238,.1);box-shadow:0 25px 50px rgba(0,0,0,.1),0 15px 40px rgba(67,97,238,.15)}.light-mode .contact-form-wrapper,.light-mode .contact-info-card,.light-mode .principle,.light-mode .principles-cta{background:#fff;border-color:#e9ecef}.light-mode .principle:hover{box-shadow:0 20px 40px rgba(0,0,0,.1),0 15px 30px rgba(67,97,238,.08)}.light-mode .contact-detail-item{background:#f8f9fa;border-color:#e9ecef}.light-mode .quick-response-note{background:#f0f7ff;border-color:rgba(67,97,238,.1)}.light-mode .form-group input,.light-mode .form-group select,.light-mode .form-group textarea{background:#fff;border-color:#e0e0e0}.light-mode .experience-badge{background:linear-gradient(135deg,rgba(67,97,238,.9) 0,rgba(58,12,163,.9) 50%)}.light-mode .indicator-text{color:rgba(0,0,0,.7)!important}.light-mode .indicator-text span{color:rgba(0,0,0,.5)!important}.light-mode .dot{background:rgba(0,0,0,.2)!important}.light-mode .dot.active{background:var(--primary-dark)!important;box-shadow:0 0 10px rgba(58,12,163,.5)!important}.visible{opacity:1!important;transform:translateY(0)!important}.hidden{display:none!important}.mt-1{margin-top:.8rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2rem}.mb-1{margin-bottom:.8rem}.mb-2{margin-bottom:1.5rem}.mb-3{margin-bottom:2rem}body,html{max-width:100%;overflow-x:hidden}.notification-popup{position:fixed;top:20px;right:20px;background:var(--card-bg);border-radius:12px;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:9999;max-width:350px;transform:translateX(400px);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275);border:1px solid var(--border-color);overflow:hidden}.notification-popup.show{transform:translateX(0)}.notification-content{display:flex;align-items:center;gap:1rem;padding:1.2rem}.notification-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.notification-text{flex:1}.notification-text h4{font-size:1rem;margin-bottom:.2rem;color:var(--text-color)}.notification-text p{font-size:.85rem;margin-bottom:0;color:var(--text-muted)}.close-notification{background:0 0;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}@media (max-width:768px){.hero-text-wrapper{padding-top:100px!important;min-height:60vh}.hero-visual{margin-top:120px!important;margin-bottom:20px!important;min-height:40vh}.auto-rotation-indicator{bottom:-40px!important;transform:translateY(20px)}.indicator-dots{margin-bottom:5px}.indicator-text{font-size:.7rem;color:var(--text-muted);text-align:center;padding:0 20px;line-height:1.4}}@media (max-width:480px){.hero-text-wrapper{padding-top:80px!important;min-height:55vh}.hero-visual{margin-bottom:40px!important;min-height:35vh}.auto-rotation-indicator{bottom:-20px!important}.indicator-text{font-size:.65rem;padding:0 15px}.indicator-dots .dot{width:5px;height:5px}}.portfolio-item-content{position:relative;bottom:0;left:0;right:0;padding:1.5rem;z-index:3;background:var(--card-bg);display:flex;flex-direction:column;justify-content:flex-end;transform:translateZ(0);will-change:transform,opacity;transition:.4s cubic-bezier(.23, 1, .32, 1)}.portfolio-item-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--text-color);font-weight:700}.portfolio-item-content p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.5;transform:translateZ(5px);font-family:var(--font-secondary)}@media (max-width:768px){.portfolio-item-content h3{font-size:1.2rem!important}.portfolio-item-content p{font-size:.85rem!important}.view-details-btn{font-size:.9rem!important}}@media (min-width:769px){.nav-link.active::after,.nav-link::after{content:'';bottom:0;left:0;height:2px;background:var(--gradient-primary)}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative}.logo{flex:0 0 auto;order:1;z-index:1002}#mode-toggle{order:2;position:absolute;left:50%;transform:translateX(-50%);z-index:1001;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid var(--border-color);transition:.3s cubic-bezier(.4, 0, .2, 1)}#mode-toggle:hover{background:rgba(255,255,255,.1);transform:translateX(-50%) rotate(30deg) scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.2)}.mobile-menu-button{display:none}.main-nav{order:3;flex:0 0 auto;z-index:1002}.main-nav ul{display:flex;gap:2.5rem;margin:0;padding:0}.nav-link{position:relative;padding:.5rem 0;font-weight:600;transition:color .3s}.nav-link.active{color:var(--primary)}.nav-link.active::after{position:absolute;width:100%}.nav-link::after{position:absolute;width:0;transition:width .3s}.nav-link:hover::after{width:100%}}@media (min-width:769px) and (max-width:1024px){.main-nav ul{gap:1.5rem}#mode-toggle{width:36px;height:36px;font-size:1.2rem}.nav-link{font-size:.9rem}}@media (min-width:1200px){.main-nav ul{gap:3rem}#mode-toggle{width:44px;height:44px;font-size:1.3rem}}