.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;min-height:100vh}.hero-content{position:relative;z-index:10;text-align:center;padding:0 5%;max-width:1200px}.hero-title{font-size:clamp(4rem,12vw,10rem);font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,240,255,.5);margin-bottom:1rem;text-transform:uppercase}.hero-subtitle{font-size:clamp(1.2rem,3vw,2rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:300;letter-spacing:.2em}.hero-description{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-primary);margin-bottom:3rem;line-height:1.8}.hero-description p{margin-bottom:1rem}.hero-global{font-size:clamp(.9rem,1.5vw,1.2rem);color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.15em;animation:pulse-glow 3s ease-in-out infinite}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;color:var(--primary);font-size:.9rem;letter-spacing:.1em}.scroll-arrow{font-size:2rem;animation:float 2s ease-in-out infinite}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem}}.navigation{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,240,255,.2)}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:900;color:var(--primary);cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-item{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;position:relative;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.nav-item:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item:hover:before,.nav-item.active:before{width:80%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:25px;height:2px;background:var(--primary);transition:all .3s ease}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;flex-direction:column;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 0;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease;border-bottom:1px solid rgba(0,240,255,.2)}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.about{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 5%}.about-container{max-width:1400px;margin:0 auto;width:100%}.section-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;margin-bottom:4rem;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{font-size:clamp(1rem,1.5vw,1.2rem);line-height:2;color:var(--text-secondary)}.about-intro{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--text-primary);margin-bottom:2rem;font-weight:500}.about-text p{margin-bottom:1.5rem}.about-text strong{color:var(--primary);font-weight:600}.highlight{color:var(--primary);font-weight:700;text-shadow:0 0 10px rgba(0,240,255,.5)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.stat-item{padding:2rem;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:10px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#00f0ff1a;border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--glow)}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--primary);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 568px){.about-stats{grid-template-columns:1fr}}.projects-section{position:relative;min-height:100vh;padding:100px 5%}.projects-container{max-width:1400px;margin:0 auto;width:100%}.section-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.project-card:hover{border-color:var(--primary);background:#00f0ff1a}.project-image{position:relative;width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#00f0ff1a,#ff00ff1a)}.project-preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-preview-image{transform:scale(1.05)}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em}.project-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00f0ffe6;display:flex;align-items:center;justify-content:center;color:var(--bg-dark);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em}.project-content{padding:2rem}.project-title{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.4rem 1rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:20px;font-size:.8rem;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.video-section{position:relative;min-height:100vh;padding:100px 5%}.video-container{max-width:1400px;margin:0 auto;width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.video-card{background:#ff00ff0d;border:1px solid rgba(255,0,255,.2);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.video-card:hover{border-color:var(--secondary);background:#ff00ff1a;box-shadow:0 0 30px #ff00ff4d}.video-thumbnail{position:relative;width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#ff00ff1a,#ffff001a)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:3rem}.video-preview-iframe{width:100%;height:100%;border:none;pointer-events:none}.video-preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-preview-image{transform:scale(1.1)}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#f0fc;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-card:hover .video-play-overlay{opacity:1}.play-icon-large{font-size:2rem;color:var(--bg-dark);margin-left:5px}.play-icon{transition:transform .3s ease}.video-card:hover .play-icon{transform:scale(1.2)}.video-category{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#000c;border:1px solid var(--secondary);border-radius:20px;font-size:.8rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.video-content{padding:2rem}.video-title{font-size:1.5rem;font-weight:700;color:var(--secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.video-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.video-tools{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{padding:.4rem 1rem;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);border-radius:20px;font-size:.8rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.video-link-hint{margin-top:1rem;font-size:.85rem;color:var(--text-secondary);font-style:italic;text-align:center;padding-top:1rem;border-top:1px solid rgba(255,0,255,.1)}.video-global-note{margin-top:4rem;padding:2rem;background:#ff00ff0d;border:1px solid rgba(255,0,255,.2);border-radius:15px;text-align:center}.video-global-note p{font-size:1.1rem;color:var(--text-primary);line-height:1.8}.video-global-note strong{color:var(--secondary);font-weight:700}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}}.skills-section{position:relative;min-height:100vh;padding:100px 5%}.skills-container{max-width:1400px;margin:0 auto;width:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.skill-category{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:15px;padding:2rem;transition:all .3s ease}.skill-category:hover{background:#00f0ff1a;border-color:var(--primary);box-shadow:var(--glow)}.category-title{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-item{padding:.6rem 1.2rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:25px;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;cursor:default;transition:all .3s ease}.skill-item:hover{background:#00f0ff33;border-color:var(--primary);transform:translateY(-2px)}.ai-philosophy{margin-top:4rem;padding:3rem;background:#ffff000d;border:1px solid rgba(255,255,0,.2);border-radius:15px;text-align:center}.ai-philosophy h3{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.ai-philosophy p{font-size:1.1rem;line-height:2;color:var(--text-primary);font-style:italic;max-width:900px;margin:0 auto}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.ai-philosophy{padding:2rem}.ai-philosophy h3{font-size:1.5rem}}.contact-section{position:relative;min-height:100vh;padding:100px 5%;display:flex;align-items:center}.contact-container{max-width:1400px;margin:0 auto;width:100%}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-info h3{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.contact-info p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.contact-details{margin-bottom:3rem}.contact-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(0,240,255,.1)}.contact-item:last-child{border-bottom:none}.contact-label{color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.contact-value{color:var(--primary);font-weight:600}.social-links{display:flex;gap:1.5rem}.social-link{padding:1rem 2rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:10px;color:var(--primary);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.social-link:hover{background:#00f0ff33;border-color:var(--primary);box-shadow:var(--glow)}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.form-group input,.form-group textarea{padding:1rem;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#00f0ff1a;box-shadow:0 0 20px #00f0ff4d}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.5}.submit-button{padding:1.2rem 3rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;color:var(--bg-dark);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-button:hover{box-shadow:0 0 30px #00f0ff99;transform:translateY(-2px)}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}}.preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-container{width:100%;max-width:1600px;height:90vh;background:var(--bg-dark);border:2px solid var(--primary);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 50px #00f0ff80}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#00f0ff1a;border-bottom:1px solid rgba(0,240,255,.2)}.preview-url{display:flex;align-items:center;gap:1rem;color:var(--text-primary);font-size:.9rem}.url-icon{font-size:1.2rem}.url-text{color:var(--primary);font-weight:500;word-break:break-all}.preview-close{width:40px;height:40px;border:none;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:50%;color:red;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-close:hover{background:#ff00004d;box-shadow:0 0 20px #ff000080}.preview-content{flex:1;position:relative;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-primary)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,240,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.preview-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-primary);padding:2rem;max-width:600px;width:90%}.error-icon{font-size:4rem;margin-bottom:1rem}.preview-error p{margin-bottom:1rem;font-size:1.2rem;color:var(--text-primary)}.error-message{font-size:1rem!important;color:var(--text-secondary)!important;margin-bottom:1.5rem!important;line-height:1.6}.error-note{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-top:1.5rem}.error-note a,.error-link{color:var(--primary);text-decoration:none;font-weight:600;display:inline-block;margin-top:1rem;padding:.8rem 2rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:10px;transition:all .3s ease}.error-note a:hover,.error-link:hover{background:#00f0ff33;border-color:var(--primary);box-shadow:var(--glow);text-decoration:none}.preview-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#00f0ff0d;border-top:1px solid rgba(0,240,255,.2)}.scroll-indicator{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.preview-external-link{padding:.8rem 2rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:10px;color:var(--primary);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.preview-external-link:hover{background:#00f0ff33;border-color:var(--primary);box-shadow:var(--glow)}@media (max-width: 768px){.preview-overlay{padding:0}.preview-container{height:100vh;border-radius:0;border:none}.preview-header{padding:1rem}.url-text{font-size:.7rem}.preview-controls{flex-direction:column;gap:1rem;padding:1rem}}.app{position:relative;width:100%;min-height:100vh}section{position:relative;min-height:100vh;padding:100px 5%;overflow:hidden}@keyframes glitch{0%,to{text-shadow:2px 2px 0 var(--primary),-2px -2px 0 var(--secondary)}25%{text-shadow:-2px 2px 0 var(--primary),2px -2px 0 var(--secondary)}50%{text-shadow:2px -2px 0 var(--primary),-2px 2px 0 var(--secondary)}75%{text-shadow:-2px -2px 0 var(--primary),2px 2px 0 var(--secondary)}}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:var(--glow);transform:translateY(-5px)}.dimension-transition{position:relative;overflow:hidden}.dimension-transition:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent);transition:left .5s ease}.dimension-transition:hover:before{left:100%}.grid-bg{background-image:linear-gradient(rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.1) 1px,transparent 1px);background-size:50px 50px;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00f0ff80}50%{box-shadow:0 0 40px #00f0ffcc}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00f0ff;--secondary: #ff00ff;--accent: #ffff00;--bg-dark: #0a0a0a;--bg-darker: #050505;--text-primary: #ffffff;--text-secondary: #a0a0a0;--glow: 0 0 20px rgba(0, 240, 255, .5)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,240,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,0,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::selection{background:var(--primary);color:var(--bg-dark)}