:root{--accent-color:#ff6b35;--accent-contrast:#fff;--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--glass-bg:#ffffff08;--glass-border:#ffffff14;--shadow:0 8px 32px #0000004d;--radius:20px;--radius-sm:12px;--font-primary:"Poppins",sans-serif;--font-secondary:"Montserrat",sans-serif}body.light-mode{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#eee;--text-primary:#1a1a1a;--text-secondary:#666;--glass-bg:#00000008;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.antigravity-container{z-index:0;pointer-events:auto;width:100%;height:100%;position:fixed;top:0;left:0}.main-container{z-index:1;min-height:100vh;position:relative}.content-wrapper{gap:30px;max-width:1400px;margin:0 auto;padding:100px 80px 40px 130px;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#0a0a0a80;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.light-mode .header{background:#f5f5f5cc}.location-box{background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:1px;color:var(--text-secondary);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.header-icons{gap:15px;display:flex}.icon-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.icon-btn:hover{border-color:var(--accent-color)}.menu-btn{display:none}.sidebar{z-index:100;flex-direction:column;gap:20px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.nav-item{background:var(--glass-bg);border:1px solid var(--glass-border);width:50px;height:50px;color:var(--text-secondary);cursor:pointer;border-radius:15px;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{border-color:var(--accent-color);color:var(--accent-color);background:#ff6b351a}.info-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:320px;min-width:320px;height:fit-content;padding:30px;position:sticky;top:120px}.theme-toggle-container{position:absolute;top:20px;right:20px}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:50%;font-size:16px;transition:all .3s}.theme-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.profile-section{text-align:center;margin-bottom:25px}.avatar-wrapper{border:3px solid var(--accent-color);border-radius:50%;width:100px;height:100px;margin:0 auto 20px;overflow:hidden;box-shadow:0 0 30px #ff6b354d}.avatar{object-fit:cover;width:100%;height:100%}.profile-info h2{margin-bottom:5px;font-size:24px;font-weight:600}.profile-info .title{color:var(--accent-color);margin-bottom:10px;font-size:14px}.profile-info .email{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .3s}.profile-info .email:hover{color:var(--accent-color)}.status-badge{color:#0f8;background:#00ff881a;border-radius:50px;align-items:center;gap:8px;margin-top:15px;padding:8px 16px;font-size:12px;display:inline-flex}.status-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.social-links{justify-content:center;gap:15px;margin-bottom:25px;display:flex}.social-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.social-icon:hover{border-color:var(--accent-color);transform:translateY(-3px)}.get-started-btn{background:var(--accent-color);width:100%;color:var(--accent-contrast);border:2px solid var(--glass-border);font-family:var(--font-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.get-started-btn:hover{box-shadow:0 10px 30px rgba(var(--accent-color),.4);transform:translateY(-2px)}.main-content{flex:1}section{min-height:100vh;padding:0 0 40px}.section-header{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;margin-bottom:40px;padding:20px 0;box-shadow:inset 0 0 20px #67676740}.section-header h2{background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700}.section-header p{color:var(--text-secondary);font-size:14px}.home-content{flex-direction:column;gap:40px;width:100%;display:flex}.home-text{flex:1}.greeting{background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:2px;color:var(--text-secondary);border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:12px;display:inline-block}.home-text .name{background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:72px;font-weight:700;line-height:1.1}.home-text .subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.7}.expertise-tags{flex-wrap:wrap;gap:12px;display:flex}.tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:50px;padding:10px 20px;font-size:13px;transition:all .3s}.tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.home-visual{flex-shrink:0}.video-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;width:300px;height:300px;overflow:hidden}.home-animation{object-fit:cover;width:100%;height:100%}.spline-card{border:1px solid var(--glass-border);border-radius:30px;width:400px;height:400px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #67676740}.spline-spotlight{pointer-events:none;z-index:1;width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.spline-wrapper{z-index:2;width:100%;height:100%;position:relative}.spline-scene{width:100%;height:100%}.spline-loading{background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-container{border-radius:var(--radius);overflow:hidden}.spotlight{pointer-events:none;position:absolute}.works-grid{grid-template-columns:1fr;gap:30px;display:grid}.work-card{border-radius:var(--radius);cursor:pointer;transition:all .4s;position:relative;overflow:hidden}.work-card:hover{transform:translateY(-10px)}.work-image{width:100%;height:300px;overflow:hidden}.work-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.work-card:hover .work-img{transform:scale(1.1)}.work-spline-container{background:var(--bg-secondary);width:100%;height:100%}.work-spline{width:100%;height:100%}.work-content{background:linear-gradient(#0000,#000000e6);justify-content:space-between;align-items:flex-end;padding:25px;display:flex;position:absolute;bottom:0;left:0;right:0}.work-category{color:var(--accent-color);margin-bottom:5px;font-size:12px;display:block}.work-title{margin-bottom:5px;font-size:24px;font-weight:600}.work-year{color:var(--text-secondary);font-size:13px}.work-arrow{background:var(--accent-color);width:50px;height:50px;color:var(--accent-contrast);border:2px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.work-card:hover .work-arrow{transform:rotate(-45deg)}.about-content{grid-template-columns:1fr;gap:20px;display:grid}.about-text p{color:var(--text-secondary);font-size:16px;line-height:1.8}.experience-timeline h3{margin-bottom:30px;font-size:24px}.timeline{padding-left:30px;position:relative}.timeline-item{padding-bottom:30px;position:relative}.timeline-dot{background:var(--accent-color);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-30px}.timeline-item:before{content:"";background:var(--glass-border);width:2px;height:calc(100% - 17px);position:absolute;top:17px;left:-25px}.timeline-item:last-child:before{display:none}.timeline-content h4{margin-bottom:5px;font-size:18px}.timeline-content .company{color:var(--accent-color);font-size:14px}.timeline-content .period{color:var(--text-secondary);margin:5px 0 10px;font-size:13px;display:block}.timeline-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.contact-content{grid-template-columns:1fr;gap:60px;display:grid}.contact-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-primary);padding:15px 20px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--accent-color);width:100%;color:var(--accent-contrast);border:2px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;padding:18px 30px;font-size:16px;font-weight:500;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px rgba(var(--accent-color),.4);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-message{border-radius:var(--radius-sm);text-align:center;margin-bottom:20px;padding:15px 20px;font-size:14px}.form-message.success{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.form-message.error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b4d}.contact-info{gap:20px;display:flex}.info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:20px;width:100%;padding:25px;display:flex}.info-card i{color:var(--accent-color);font-size:24px}.info-card h4{color:var(--text-secondary);margin-bottom:5px;font-size:14px}.info-card a,.info-card span{color:var(--text-primary);font-size:16px;text-decoration:none}.info-card a:hover{color:var(--accent-color)}.config-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.config-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius);min-width:300px;padding:40px}.config-modal h3{text-align:center;margin-bottom:25px;font-size:20px}.color-options{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.color-circle{cursor:pointer;border:3px solid #0000;border-radius:50%;width:50px;height:50px;transition:all .3s}.color-circle:hover,.color-circle.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 20px}.effects-section{border-top:1px solid var(--glass-border);margin-top:25px;padding-top:20px}.effects-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:14px}.effect-hint{text-transform:none;opacity:.7;font-size:11px;font-weight:400}.effect-toggle{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.effect-toggle:last-child{border-bottom:none}.effect-info{flex-direction:column;gap:2px;display:flex}.effect-name{color:var(--text-primary);font-size:14px}.effect-desc{color:var(--text-secondary);font-size:11px}.toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:13px;flex-shrink:0;width:50px;height:26px;transition:all .3s;position:relative}.toggle-btn.active{background:var(--accent-color);border-color:var(--accent-color)}.toggle-slider{background:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-btn.active .toggle-slider{background:var(--accent-contrast);left:26px}.glow-trail-container{pointer-events:none;z-index:9999;position:fixed;inset:0}.trail-point{pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute}.trail-cursor{pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.floating-orbs-container{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-orb{filter:blur(60px);opacity:.8;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(var(--move-x),var(--move-y))scale(1.1)}50%{transform:translate(calc(var(--move-x)*-.5),calc(var(--move-y)*1.5))scale(.9)}75%{transform:translate(calc(var(--move-x)*.8),calc(var(--move-y)*-.5))scale(1.05)}}.scan-lines-container{pointer-events:none;z-index:9998;position:fixed;inset:0;overflow:hidden}.scan-lines{opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000026 1px 2px);position:absolute;inset:0}.scan-beam{background:linear-gradient(#0000,#ffffff14 50%,#0000);height:150px;animation:6s linear infinite scanBeam;position:absolute;left:0;right:0}@keyframes scanBeam{0%{top:-150px}to{top:100%}}.menu-sidebar{background:var(--bg-secondary);border-left:1px solid var(--glass-border);z-index:1001;width:300px;height:100vh;padding:30px;transition:right .3s;position:fixed;top:0;right:-300px}.menu-sidebar.active{right:0}.close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:20px}.menu-nav{flex-direction:column;gap:20px;margin-top:80px;display:flex}.menu-item{color:var(--text-primary);font-family:var(--font-primary);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--glass-border);background:0 0;padding:15px 0;font-size:24px;transition:color .3s}.menu-item:hover{color:var(--accent-color)}a{color:unset}@media (max-width:1200px){.content-wrapper{padding:100px 40px 40px 100px}.home-text .name{font-size:56px}}@media (max-width:992px){.sidebar{display:none}.menu-btn{display:flex}.content-wrapper{flex-direction:column;padding:100px 30px 40px}.info-box{width:100%;max-width:500px;margin:0 auto 40px;position:static}.about-content,.contact-content{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.contact-info{flex-direction:column}.header{padding:15px 20px}.home-content{text-align:center;flex-direction:column}.home-text .name{font-size:42px}.home-text .subtitle{max-width:none}.expertise-tags{justify-content:center}.video-wrapper{width:250px;height:250px}.section-header h2{font-size:36px}.works-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:25px}}@media (max-width:480px){.content-wrapper{padding:90px 15px 30px}.info-box{min-width:auto;padding:20px}.home-text .name{font-size:32px}.section-header h2{font-size:28px}.work-title{font-size:18px}}