@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a1a;left:0;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;border-bottom:1px solid #00ffff1a;padding:15px 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#0ff;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s ease}.logo:hover{color:#0080ff;text-shadow:0 0 10px #00ffff80}.nav{align-items:center;display:flex;gap:30px}.nav-link{color:#fff;font-size:16px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#0ff}.nav-link:after{background:linear-gradient(45deg,#0ff,#0080ff);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active{color:#0ff}@media (max-width:768px){.header-container{padding:0 15px}.logo{font-size:20px}.nav{gap:20px}.nav-link{font-size:14px}}@media (max-width:480px){.nav{gap:15px}.nav-link{font-size:13px}}.home{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:100px 20px 50px;position:relative}.home-content{animation:fadeInUp 1s ease-out;max-width:800px;text-align:center}.home-title{color:#fff;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin-bottom:20px}.home-title .highlight{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text;display:block}@keyframes glow{0%{text-shadow:0 0 20px #00ffff80}to{text-shadow:0 0 30px #0ffc,0 0 40px #0080ff80}}.home-subtitle{color:#ccc;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;letter-spacing:1px;margin-bottom:40px}.home-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.home-buttons .btn{font-size:16px;font-weight:600;letter-spacing:1px;min-width:180px;padding:15px 35px;text-transform:uppercase}.home-buttons .btn:first-child{animation:float 3s ease-in-out infinite}.home-buttons .btn:nth-child(2){animation:float 3s ease-in-out 1.5s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.home{padding:80px 15px 30px}.home-buttons{align-items:center;flex-direction:column;gap:15px}.home-buttons .btn{font-size:14px;min-width:200px;padding:12px 30px}}@media (max-width:480px){.home-subtitle{margin-bottom:30px}.home-buttons{margin-top:30px}.home-buttons .btn{min-width:180px}}.home:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#00ffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.particle-system-overlay{align-items:center;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.particle-system-container{height:100%;overflow:hidden;position:relative;width:100%}.particle-system-container canvas{cursor:crosshair;display:block}.particle-loading{color:#0ff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.particle-loading p{font-size:18px;font-weight:500;margin:0}.particle-controls{align-items:flex-start;display:flex;justify-content:space-between;left:30px;pointer-events:none;position:absolute;right:30px;top:30px;z-index:10}.particle-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #00ffff4d;border-radius:15px;max-width:400px;padding:25px;pointer-events:auto}.particle-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text;color:#0ff;font-size:24px;font-weight:700;margin:0 0 10px}.particle-info p{color:#ccc;font-size:16px;line-height:1.5;margin:0 0 20px}.particle-stats{display:flex;flex-direction:column;gap:8px}.particle-stats span{align-items:center;color:#fff;display:flex;font-size:14px;opacity:.9}.close-particle-btn{background:linear-gradient(135deg,#ff4757,#ff3742);border:none;border-radius:25px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;pointer-events:auto;transition:all .3s ease}.close-particle-btn:hover{background:linear-gradient(135deg,#ff3742,#ff2f3a);box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.close-particle-btn:active{transform:translateY(0)}@media (max-width:768px){.particle-controls{flex-direction:column;gap:20px;left:20px;right:20px;top:20px}.particle-info{max-width:none;padding:20px}.particle-info h2{font-size:20px}.particle-info p{font-size:14px}.particle-stats span{font-size:13px}.close-particle-btn{align-self:flex-end;font-size:14px;padding:10px 20px}}@media (max-width:480px){.particle-controls{left:15px;right:15px;top:15px}.particle-info{padding:15px}.particle-info h2{font-size:18px}.particle-info p{font-size:13px;margin-bottom:15px}.particle-stats{gap:6px}.particle-stats span{font-size:12px}}.particle-info{animation:slideInLeft .6s ease-out}.close-particle-btn{animation:slideInRight .6s ease-out}.particle-system-overlay{animation:fadeIn .5s ease-out}.geometric-art-overlay{align-items:center;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.geometric-art-container{height:100%;overflow:hidden;position:relative;width:100%}.geometric-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid #0ff;border-radius:10px;min-width:280px;padding:20px;position:absolute;right:20px;top:20px;z-index:1001}.control-panel h2{color:#0ff;font-size:1.4rem;margin:0 0 10px;text-align:center}.control-panel p{color:#ccc;font-size:.9rem;margin:0 0 20px;text-align:center}.control-group{margin-bottom:15px}.control-group label{color:#0ff;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.control-group input[type=range]{-webkit-appearance:none;background:#333;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0ff;border-radius:50%;box-shadow:0 0 10px #00ffff80;cursor:pointer;height:16px;width:16px}.control-group input[type=range]::-moz-range-thumb{background:#0ff;border:none;border-radius:50%;box-shadow:0 0 10px #00ffff80;cursor:pointer;height:16px;width:16px}.control-group select{background:#222;border:1px solid #0ff;border-radius:5px;color:#fff;font-size:.9rem;padding:8px;width:100%}.control-group select:focus{box-shadow:0 0 10px #00ffff4d;outline:none}.control-actions{display:flex;gap:10px;margin-top:20px}.close-btn,.export-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px;transition:all .3s ease}.export-btn{background:linear-gradient(45deg,#0ff,#0080ff);color:#000}.export-btn:hover{box-shadow:0 5px 15px #0ff6;transform:translateY(-2px)}.close-btn{background:#ffffff1a;border:1px solid #666;color:#fff}.close-btn:hover{background:#fff3;border-color:#0ff}@media (max-width:768px){.geometric-controls{left:10px;min-width:auto;padding:15px;right:10px;top:10px}.control-panel h2{font-size:1.2rem}.control-actions{flex-direction:column}}.geometric-art-overlay{animation:fadeIn .3s ease-out}.motion-graphics-overlay{align-items:center;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.motion-graphics-container{height:100%;overflow:hidden;position:relative;width:100%}.motion-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid #0ff;border-radius:15px;bottom:20px;left:50%;min-width:400px;padding:20px;position:absolute;text-align:center;transform:translateX(-50%);z-index:1001}.reel-info h2{color:#0ff;font-size:1.5rem;margin:0 0 15px;text-align:center}.scene-info h3{color:#fff;font-size:1.2rem;margin:0 0 5px}.scene-info p{color:#ccc;font-size:.9rem;margin:0 0 15px}.scene-counter{color:#0ff;font-size:.8rem;margin-bottom:20px;opacity:.8}.playback-controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.control-btn{background:#ffffff1a;border:1px solid #666;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:all .3s ease}.control-btn:hover{background:#fff3;border-color:#0ff;transform:translateY(-2px)}.play-btn{background:linear-gradient(45deg,#0ff,#0080ff);color:#000;font-weight:600}.play-btn:hover{box-shadow:0 5px 15px #0ff6}.scene-indicators{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.scene-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.scene-dot.active{background:#0ff;box-shadow:0 0 10px #00ffff80}.scene-dot:hover{background:#00ffffb3;transform:scale(1.2)}.close-reel-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:40px}.close-reel-btn:hover{background:red;transform:scale(1.1)}@media (max-width:768px){.motion-controls{bottom:10px;left:10px;min-width:auto;padding:15px;right:10px;transform:none}.reel-info h2{font-size:1.3rem}.scene-info h3{font-size:1.1rem}.playback-controls{flex-direction:column;gap:10px}.control-btn{font-size:1rem;padding:12px}}.motion-graphics-overlay{animation:fadeIn .3s ease-out}.motion-graphics-container canvas{transition:opacity .3s ease}.motion-controls.loading{opacity:.7}.motion-controls.loading .control-btn{opacity:.5;pointer-events:none}.brand-identity-overlay{background:#000000f2;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.brand-identity-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.brand-header{padding:40px 0;position:relative;text-align:center}.brand-header h1{color:#0ff;font-size:2.5rem;margin:0 0 10px}.brand-header p{color:#ccc;font-size:1.1rem;margin:0}.close-brand-btn{background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;position:absolute;right:0;top:0;transition:all .3s ease;width:40px}.close-brand-btn:hover{background:red;transform:scale(1.1)}.brand-navigation{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.nav-btn{background:#ffffff1a;border:1px solid #666;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.nav-btn:hover{background:#fff3;border-color:#0ff}.nav-btn.active{background:linear-gradient(45deg,#0ff,#0080ff);border-color:#0ff;color:#000}.brand-content{background:#0a0a0acc;border:1px solid #333;border-radius:15px;margin-bottom:40px;padding:40px}.brand-content h2{color:#0ff;font-size:2rem;margin:0 0 30px;text-align:center}.logo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.logo-item{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center}.logo-item.dark{background:#0a0a0a}.logo-item.light{background:#f0f0f0;color:#000}.logo-preview{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:15px}.terrigraphic-logo{align-items:center;display:flex;flex-direction:column;gap:10px}.logo-horizontal{gap:15px}.logo-horizontal,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(45deg,#0ff,#0080ff);border-radius:8px;color:#000;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text{color:#0ff;font-size:1.2rem;font-weight:600}.logo-info h3{color:#fff;margin:0 0 5px}.logo-info p{color:#ccc;font-size:.9rem;margin:0}.color-palette{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-item{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center}.color-swatch{border:3px solid #fff3;border-radius:50%;height:80px;margin:0 auto 15px;width:80px}.color-info h3{color:#fff;font-size:1.1rem;margin:0 0 10px}.color-codes{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.hex,.rgb{background:#0000004d;border-radius:3px;color:#0ff;font-family:Monaco,monospace;font-size:.8rem;padding:2px 6px}.color-usage{color:#ccc;font-size:.8rem;margin:0}.typography-samples{display:flex;flex-direction:column;gap:30px}.type-sample{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px}.sample-text{background:#0000004d;border-radius:5px;color:#fff;margin-bottom:15px;padding:15px}.type-info h3{color:#0ff;margin:0 0 10px}.type-specs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.type-specs span{background:#0000004d;border-radius:3px;color:#ccc;font-family:Monaco,monospace;font-size:.8rem;padding:2px 6px}.elements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.element-item{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center}.element-preview{align-items:center;background:#0000004d;border-radius:5px;display:flex;height:100px;justify-content:center;margin-bottom:15px}.geometric-preview .wireframe-shape{border:2px solid #0ff;border-radius:8px;height:60px;position:relative;transform:rotate(45deg);width:60px}.geometric-preview .wireframe-shape:before{border:1px solid #0ff;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:30px}.gradient-preview{background:linear-gradient(45deg,#0ff,#0080ff);border-radius:5px;height:60px;width:80px}.glow-preview .glow-element{animation:pulse 2s infinite;background:#0ff;border-radius:50%;box-shadow:0 0 20px #0ff,0 0 40px #0ff;height:40px;width:40px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.grid-preview .grid-lines{background-image:linear-gradient(#00ffff4d 1px,#0000 0),linear-gradient(90deg,#00ffff4d 1px,#0000 0);background-size:20px 20px;height:60px;width:80px}.animation-preview .animated-dot{animation:bounce 1s infinite;background:#0ff;border-radius:50%;height:20px;width:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.applications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.application-item{background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center}.application-preview{align-items:center;background:#0000004d;border-radius:5px;display:flex;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden}.header-mockup{align-items:center;background:#0a0a0a;border-bottom:1px solid #0ff;display:flex;height:40px;justify-content:space-between;padding:0 20px;width:100%}.nav-brand{color:#0ff;font-weight:700}.nav-items{display:flex;gap:15px}.nav-items span{color:#ccc;font-size:.8rem}.card-mockup{background:#0a0a0a;border:1px solid #0ff;border-radius:5px;gap:10px;height:80px;padding:10px;width:120px}.card-logo,.card-mockup{align-items:center;display:flex}.card-logo{background:#0ff;border-radius:3px;color:#000;font-weight:700;height:30px;justify-content:center;width:30px}.card-text{flex:1 1}.card-text div:first-child{color:#0ff;font-size:.7rem;font-weight:700}.card-text div:last-child{color:#ccc;font-size:.6rem}.social-mockup{background:#0a0a0a;border:1px solid #333;border-radius:8px;height:100px;padding:10px;width:150px}.social-header{gap:8px;margin-bottom:10px}.social-header,.social-logo{align-items:center;display:flex}.social-logo{background:#0ff;border-radius:50%;color:#000;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.social-header span{color:#fff;font-size:.8rem}.social-content{background:#ffffff1a;border-radius:3px;height:50px}.presentation-mockup{background:#fff;border-radius:5px;color:#000;height:100px;padding:10px;width:140px}.slide-header{color:#0ff;font-size:.8rem;margin-bottom:10px}.slide-header,.slide-title{font-weight:700;text-align:left}.slide-title{font-size:.7rem;margin-bottom:8px}.slide-bullets{display:flex;flex-direction:column;gap:3px}.slide-bullets div{background:#ccc;border-radius:1px;height:2px}.slide-bullets div:first-child{width:80%}.slide-bullets div:nth-child(2){width:60%}.slide-bullets div:nth-child(3){width:70%}.mobile-mockup{background:#0a0a0a;border:2px solid #333;border-radius:10px;height:120px;padding:8px;width:80px}.mobile-header{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:8px}.mobile-header span{color:#0ff;font-size:.6rem;font-weight:700}.mobile-content{display:flex;flex-direction:column;gap:5px}.mobile-card{background:#ffffff1a;border-radius:3px;height:25px}.brand-footer{align-items:center;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px;text-align:center}.brand-footer p{color:#666;font-size:.9rem;margin:0}.download-guidelines{background:linear-gradient(45deg,#0ff,#0080ff);border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.download-guidelines:hover{box-shadow:0 5px 15px #0ff6;transform:translateY(-2px)}@media (max-width:768px){.brand-identity-container{padding:10px}.brand-header h1{font-size:2rem}.brand-navigation{gap:10px}.nav-btn{font-size:.9rem;padding:8px 16px}.brand-content{padding:20px}.brand-content h2{font-size:1.5rem}.brand-footer{flex-direction:column;text-align:center}}.brand-identity-overlay{animation:fadeIn .3s ease-out}.portfolio{min-height:100vh;padding:120px 20px 80px;position:relative}.portfolio-container{margin:0 auto;max-width:1200px}.portfolio-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.portfolio-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:20px}.portfolio-subtitle{color:#ccc;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin:0 auto;max-width:600px}.portfolio-filters{animation:fadeIn 1s ease-out .3s both;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px}.filter-btn{background:#0000;border:2px solid #00ffff4d;border-radius:25px;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:10px 25px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#0ff;border-color:#0ff;box-shadow:0 5px 15px #00ffff4d;color:#000;transform:translateY(-2px)}.portfolio-grid{grid-gap:30px;animation:fadeInUp 1s ease-out .6s both;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:80px}.portfolio-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:15px;cursor:pointer;height:320px;overflow:hidden;position:relative;transition:all .3s ease}.portfolio-item:hover{border-color:#00ffff4d;box-shadow:0 20px 40px #0ff3;transform:translateY(-10px)}.portfolio-image{height:100%;overflow:hidden;position:relative;width:100%}.portfolio-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay{background:linear-gradient(135deg,#000000f2,#002850f2);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:25px;position:absolute;right:0;top:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.portfolio-header-info{margin-bottom:15px}.portfolio-item-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:8px}.portfolio-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.portfolio-status{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:5px}.portfolio-year{color:#ccc;font-size:.85rem;opacity:.8}.portfolio-item-description{color:#e0e0e0;flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.portfolio-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:#00ffff26;border:1px solid #00ffff4d;border-radius:12px;color:#0ff;font-size:.75rem;font-weight:500;padding:4px 10px}.portfolio-actions{display:flex;gap:12px;margin-top:auto}.portfolio-btn{border-radius:8px;display:inline-block;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.portfolio-btn.primary{background:#0ff;border:2px solid #0ff;color:#000}.portfolio-btn.primary:hover{background:#0000;box-shadow:0 5px 15px #00ffff4d;color:#0ff;transform:translateY(-2px)}.portfolio-btn.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.portfolio-btn.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.portfolio-stats{grid-gap:30px;animation:fadeInUp 1s ease-out 1s both;border-top:1px solid #0ff3;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:60px;padding:40px 0}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#00ffff4d;box-shadow:0 10px 30px #00ffff1a;transform:translateY(-5px)}.stat-number{color:#0ff;display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#ccc;font-size:1rem;font-weight:500}.portfolio-item{animation:slideInUp .6s ease-out}.portfolio-item:first-child{animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-item:nth-child(6){animation-delay:.6s}.portfolio-item:nth-child(7){animation-delay:.7s}.portfolio-item:nth-child(8){animation-delay:.8s}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.portfolio{padding:100px 15px 60px}.portfolio-grid{gap:25px;grid-template-columns:1fr;margin-bottom:60px}.portfolio-item{height:280px}.portfolio-filters{gap:10px}.filter-btn{font-size:13px;padding:8px 20px}.portfolio-overlay{padding:20px}.portfolio-item-title{font-size:1.2rem}.portfolio-item-description{font-size:.9rem;margin-bottom:15px}.portfolio-actions{flex-direction:column;gap:10px}.portfolio-btn{padding:12px 20px}.portfolio-stats{gap:20px;grid-template-columns:repeat(2,1fr);margin-top:40px}.stat-number{font-size:2rem}}@media (max-width:480px){.portfolio-header{margin-bottom:40px}.portfolio-filters{margin-bottom:30px}.portfolio-item{height:260px}.portfolio-overlay{padding:18px}.portfolio-item-title{font-size:1.1rem}.portfolio-item-description{font-size:.85rem}.tech-tag{font-size:.7rem;padding:3px 8px}.portfolio-stats{gap:15px;grid-template-columns:1fr}.stat-item{padding:15px}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}}.about{min-height:100vh;padding:120px 20px 80px;position:relative}.about-container{margin:0 auto;max-width:1000px}.about-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:20px}.about-subtitle{color:#ccc;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin:0 auto;max-width:600px}.about-content{animation:fadeInUp 1s ease-out .3s both}.about-text{margin:0 auto;max-width:800px}.about-section-title{color:#0ff;font-size:2rem;font-weight:600;margin-bottom:25px;text-align:center}.about-description{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:25px;text-align:justify}.skills-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:20px;margin:60px 0;padding:40px}.skills-title{color:#0ff;font-size:1.5rem;font-weight:600;margin-bottom:30px;text-align:center}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-item{background:#00ffff1a;border:1px solid #0ff3;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.skill-item:hover{background:#00ffff26;box-shadow:0 10px 25px #0ff3;transform:translateY(-5px)}.skill-item h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:10px}.skill-item p{color:#ccc;font-size:.95rem;line-height:1.5}.experience-section{margin:60px 0}.experience-title{color:#0ff;font-size:1.5rem;font-weight:600;margin-bottom:30px;text-align:center}.experience-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:15px;margin-bottom:25px;padding:30px;transition:all .3s ease}.experience-item:hover{border-color:#00ffff4d;transform:translateX(10px)}.experience-item h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:8px}.experience-company{color:#0ff;font-size:1rem;font-weight:500;margin-bottom:15px}.experience-description{color:#e0e0e0;font-size:1rem;line-height:1.6}.skill-item:first-child{animation:slideInLeft .6s ease-out .1s both}.skill-item:nth-child(2){animation:slideInLeft .6s ease-out .2s both}.skill-item:nth-child(3){animation:slideInLeft .6s ease-out .3s both}.skill-item:nth-child(4){animation:slideInLeft .6s ease-out .4s both}.experience-item:first-child{animation:slideInRight .6s ease-out .2s both}.experience-item:nth-child(2){animation:slideInRight .6s ease-out .4s both}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.about{padding:100px 15px 60px}.experience-section,.skills-section{margin:40px 0}.skills-section{padding:30px 20px}.skills-grid{gap:20px;grid-template-columns:1fr}.experience-item,.skill-item{padding:20px}.about-description{font-size:1rem;text-align:left}}@media (max-width:480px){.about-header{margin-bottom:40px}.skills-section{padding:25px 15px}.skill-item h4{font-size:1.1rem}.skill-item p{font-size:.9rem}.experience-item h4{font-size:1.2rem}.experience-description{font-size:.95rem}}.contact{min-height:100vh;padding:120px 20px 80px;position:relative}.contact-container{margin:0 auto;max-width:1200px}.contact-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:20px}.contact-subtitle{color:#ccc;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin:0 auto;max-width:600px}.contact-content{grid-gap:60px;animation:fadeInUp 1s ease-out .3s both;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:20px;padding:40px}.form-title{color:#0ff;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.success-message{background:#00ff001a;border:1px solid #00ff004d;border-radius:10px;color:#0f0}.error-message,.success-message{font-weight:500;margin-bottom:25px;padding:15px;text-align:center}.error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:10px;color:#f44}.contact-form{gap:25px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#0ff;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff1a;border:2px solid #0ff3;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#f44}.form-group textarea{min-height:120px;resize:vertical}.error-text{color:#f44;font-size:.85rem;margin-top:5px}.submit-btn{background:linear-gradient(45deg,#0ff,#0080ff);border:none;border-radius:50px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:10px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #00ffff4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.contact-info-section{display:flex;flex-direction:column;gap:30px}.info-title{color:#0ff;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.contact-info-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #00ffff1a;border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.contact-info-item:hover{border-color:#00ffff4d;box-shadow:0 10px 25px #00ffff1a;transform:translateY(-5px)}.info-icon{font-size:1.5rem;min-width:40px;text-align:center}.info-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:8px}.info-content p{color:#ccc;line-height:1.5;margin-bottom:5px}.contact-info-item:nth-child(2){animation:slideInRight .6s ease-out .2s both}.contact-info-item:nth-child(3){animation:slideInRight .6s ease-out .4s both}.contact-info-item:nth-child(4){animation:slideInRight .6s ease-out .6s both}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:968px){.contact-content{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.contact{padding:100px 15px 60px}.contact-form-section{padding:30px 25px}.contact-info-item{gap:15px;padding:20px}.info-icon{font-size:1.3rem;min-width:35px}.info-content h3{font-size:1.1rem}}@media (max-width:480px){.contact-header{margin-bottom:40px}.contact-form-section{padding:25px 20px}.form-group input,.form-group textarea{font-size:.95rem;padding:12px}.submit-btn{font-size:.9rem;padding:12px 25px}.contact-info-item{flex-direction:column;gap:10px;text-align:center}.info-icon{align-self:center}}.chat-toggle{align-items:center;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #00ffff4d;color:#000;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.chat-toggle:hover{box-shadow:0 6px 25px #0ff6;transform:scale(1.1)}.chat-toggle.open{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 4px 20px #ff47574d}.chat-toggle.open:hover{box-shadow:0 6px 25px #ff475766}.chatbot-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border:1px solid #0ff3;border-radius:20px;bottom:100px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:500px;opacity:0;position:fixed;right:30px;transform:translateY(20px) scale(.95);transition:all .3s ease;visibility:hidden;width:380px;z-index:999}.chatbot-container.open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.chatbot-header{background:linear-gradient(135deg,#00ffff1a,#0080ff1a);border-bottom:1px solid #00ffff1a;border-radius:20px 20px 0 0;justify-content:space-between;padding:20px}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{gap:12px}.bot-avatar{align-items:center;background:linear-gradient(135deg,#0ff,#0080ff);border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.chatbot-title h3{color:#fff;font-size:16px;font-weight:600;margin:0}.status{align-items:center;color:#0f8;display:flex;font-size:12px;gap:4px}.close-chat{background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;font-size:18px;padding:5px;transition:all .3s ease}.close-chat:hover{background:#ffffff1a;color:#fff}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#00ffff80}.message{display:flex;margin-bottom:10px}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{border-radius:18px;max-width:80%;padding:12px 16px;position:relative}.user-message .message-content{background:linear-gradient(135deg,#0ff,#0080ff);border-bottom-right-radius:6px;color:#000}.bot-message .message-content{background:#ffffff1a;border-bottom-left-radius:6px;color:#fff}.message-content p{font-size:14px;line-height:1.4;margin:0}.message-time{display:block;font-size:11px;margin-top:4px;opacity:.7}.typing{padding:16px 20px!important}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#0ff;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.quick-actions{border-top:1px solid #00ffff1a;padding:0 20px 15px}.quick-actions p{color:#ccc;font-size:12px;margin:15px 0 10px;opacity:.8}.quick-buttons{display:flex;flex-direction:column;gap:8px}.quick-action-btn{background:#00ffff1a;border:1px solid #0ff3;border-radius:12px;color:#0ff;cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:all .3s ease}.quick-action-btn:hover{background:#0ff3;border-color:#0ff6;transform:translateX(4px)}.chatbot-input{background:#0000004d;border-radius:0 0 20px 20px;border-top:1px solid #00ffff1a;padding:20px}.input-container{align-items:flex-end;display:flex;gap:10px}.input-container textarea{background:#ffffff1a;border:1px solid #0ff3;border-radius:12px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;min-height:20px;padding:12px 16px;resize:none;transition:all .3s ease}.input-container textarea:focus{background:#ffffff26;border-color:#00ffff80;outline:none}.input-container textarea::placeholder{color:#ffffff80}.input-container textarea:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-button:hover:not(:disabled){box-shadow:0 4px 15px #00ffff4d;transform:scale(1.1)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.chatbot-container{bottom:90px;height:70vh;right:20px;width:calc(100vw - 40px)}.chat-toggle{bottom:20px;font-size:20px;height:50px;right:20px;width:50px}}@media (max-width:480px){.chatbot-container{border-radius:15px;bottom:80px;height:80vh;right:10px;width:calc(100vw - 20px)}.chatbot-header{border-radius:15px 15px 0 0;padding:15px}.chatbot-messages{padding:15px}.chatbot-input{border-radius:0 0 15px 15px;padding:15px}.message-content{max-width:85%}}.message{animation:slideInMessage .3s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{font-family:Arial,sans-serif;overflow-x:hidden}.App{min-height:100vh;position:relative}.main-content{position:relative;z-index:1}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#0ff,#0080ff);color:#000}.btn-primary:hover{box-shadow:0 10px 20px #00ffff4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #0ff;color:#0ff}.btn-secondary:hover{background:#0ff;color:#000;transform:translateY(-2px)}@media (max-width:768px){.btn{font-size:14px;padding:10px 25px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in{animation:fadeIn .8s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0080ff}::selection{background:#0ff;color:#000}::-moz-selection{background:#0ff;color:#000}:focus{outline:2px solid #0ff;outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#0080ff);-webkit-background-clip:text;background-clip:text}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:1rem;padding-top:1rem}.py-4{padding-bottom:1.5rem;padding-top:1.5rem}.py-5{padding-bottom:3rem;padding-top:3rem}@media (max-width:768px){.container{padding:0 15px}}