body{background-color:#0d0d14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.portfolio-gradient{background:linear-gradient(135deg,#613da9,#7c3aed 50%,#8b5cf6)}.portfolio-gradient-dark{background:linear-gradient(135deg,#0d0d14,#1a1a2e 50%,#2d1b4e)}.animate-float{animation:float 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 40px rgba(139,92,246,.6)}}.animate-glow{animation:glow 2s ease-in-out infinite}.portfolio-container *{box-sizing:border-box}.portfolio-container img{display:block;height:auto;max-width:100%}.portfolio-container{background-color:#0d0d14;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.portfolio-nav{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(13,13,20,.95);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;box-shadow:0 4px 24px rgba(0,0,0,.4);display:flex;gap:20px;justify-content:center;left:50%;padding:10px 20px;position:fixed;top:24px;transform:translateX(-50%);transition:transform .3s ease,opacity .3s ease;z-index:100}.portfolio-nav-logo{flex-shrink:0;height:20px!important;max-height:20px!important;width:auto!important}.portfolio-nav-links{align-items:center;display:flex;gap:20px}.portfolio-nav-links a{color:hsla(0,0%,100%,.75)!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important}.portfolio-nav-buttons{align-items:center;display:flex;gap:4px}.portfolio-nav-buttons a{align-items:center!important;color:hsla(0,0%,100%,.75)!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:4px!important;padding:6px 8px!important;text-decoration:none!important}@media (max-width:640px){.portfolio-nav{gap:6px!important;left:12px!important;padding:10px 12px!important;right:12px!important;top:12px!important;transform:none!important;width:auto!important}.portfolio-nav-logo{height:14px!important}.portfolio-nav-links{gap:4px!important}.portfolio-nav-links a{font-size:9px!important}.portfolio-nav-buttons{gap:3px!important}.portfolio-nav-buttons a{font-size:9px!important;padding:4px 5px!important}.portfolio-nav-buttons a:first-child{display:none!important}.portfolio-nav-buttons svg{height:8px!important;width:8px!important}}.portfolio-nav.nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-100%)!important}@media (max-width:640px){.portfolio-nav.nav-hidden{transform:translateY(-100%)!important}}.portfolio-nav-buttons a svg{height:11px;width:11px}@media (max-width:1100px){.portfolio-nav{gap:16px;padding:10px 16px}.portfolio-nav-links{gap:16px}.portfolio-nav-links a{font-size:12px!important}.portfolio-nav-buttons a{font-size:12px!important;padding:5px 6px!important}.portfolio-nav-logo{height:18px}}@media (max-width:900px){.portfolio-nav{gap:12px;padding:8px 14px}.portfolio-nav-links{gap:12px}.portfolio-nav-links a{font-size:11px!important}.portfolio-nav-buttons a{font-size:11px!important;padding:4px 5px!important}.portfolio-nav-buttons{gap:2px}.portfolio-nav-logo{height:16px}.portfolio-nav-buttons a svg{height:9px;width:9px}}@media (max-width:750px){.portfolio-nav{gap:10px;padding:8px 12px}.portfolio-nav-links{gap:8px}.portfolio-nav-links a{font-size:10px!important}.portfolio-nav-buttons a{font-size:10px!important;padding:4px!important}.portfolio-nav-logo{height:14px}}@media (max-width:640px){.portfolio-nav{align-items:center;border-radius:16px;flex-direction:row;flex-wrap:nowrap;gap:12px;height:44px;justify-content:space-between;left:16px;max-width:none;padding:10px 16px;right:16px;top:16px;transform:none;width:auto}.portfolio-nav-logo{display:block;height:16px;max-height:16px;min-height:16px;width:auto}.portfolio-nav-links{display:none}.portfolio-nav-buttons{display:flex;flex-direction:row;gap:6px;justify-content:flex-end;width:auto}.portfolio-nav-buttons a{flex:none;font-size:10px!important;padding:6px 8px!important;white-space:nowrap}.portfolio-nav-buttons a svg{display:none}.portfolio-nav.nav-hidden{opacity:0;transform:translateY(-5px)}}.portfolio-hero{justify-content:center;min-height:100vh;overflow:hidden;padding:120px 48px 40px}.portfolio-hero,.portfolio-hero-content{align-items:center;display:flex;position:relative}.portfolio-hero-content{gap:80px;justify-content:space-between;max-width:1200px;width:100%;z-index:1}@media (max-width:960px){.portfolio-hero{padding:100px 32px 60px}.portfolio-hero-content{flex-direction:column;gap:50px;text-align:center}.portfolio-hero-content>div:last-child{max-width:100%!important;min-height:450px!important}.portfolio-hero-content>div:last-child>div:first-child{left:5%!important;top:0!important;width:55%!important}.portfolio-hero-content>div:last-child>div:last-child{bottom:0!important;right:5%!important;width:60%!important}}@media (max-width:640px){.portfolio-hero{padding:100px 20px 40px}.portfolio-hero-content{gap:24px}.portfolio-hero-content>div:last-child{max-width:100%!important;min-height:auto!important}.portfolio-hero-content>div:last-child>div{bottom:auto!important;left:auto!important;margin:0 auto!important;max-width:90%!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.portfolio-hero-content>div:last-child>div:last-child{display:none!important}}.portfolio-features{background-color:#0d0d14;padding:100px 48px}.portfolio-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.portfolio-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-features{padding:60px 20px}.portfolio-features-grid{grid-template-columns:1fr}}.portfolio-about{background-color:#0d0d14;padding:40px 48px 100px}.portfolio-about-container{align-items:center;display:flex;gap:80px;margin:0 auto;max-width:1100px}.portfolio-about-container h2{font-size:36px!important}.portfolio-about-image{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.4);flex-shrink:0;padding:16px;width:260px}.portfolio-about-image img{border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);height:auto;margin:0 auto;max-width:220px;width:100%}.portfolio-about-text{flex:1 1}.portfolio-about-text h2{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:24px}.portfolio-about-text p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.8;margin-bottom:24px}.portfolio-about-text p:last-child{margin-bottom:0}@media (max-width:960px){.portfolio-about{padding:80px 32px}.portfolio-about-container{align-items:center;flex-direction:column;gap:40px;text-align:center}.portfolio-about-image{padding:12px;width:180px}.portfolio-about-container h2{font-size:32px!important}}@media (max-width:640px){.portfolio-about{padding:60px 20px}.portfolio-about-container{gap:32px}.portfolio-about-image{padding:10px;width:150px}.portfolio-about-container h2{font-size:28px!important}.portfolio-about-text p{font-size:14px;line-height:1.7}}.portfolio-developers-note{background-color:#0d0d14;padding:100px 48px;position:relative}.portfolio-developers-note:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.15) 50%,transparent);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:200px}.portfolio-developers-note-container{margin:0 auto;max-width:800px}.portfolio-developers-note h2{font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:40px;text-align:center}.developers-note-content{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.9;text-align:center}.developers-note-content p{margin-bottom:20px}.developers-note-content .highlight-paragraph{background:rgba(139,92,246,.05);border-left:3px solid rgba(139,92,246,.4);border-radius:0 8px 8px 0;color:rgba(167,139,250,.9);font-style:italic;margin:28px 0;padding:20px 24px;text-align:left}.developers-signature{border-top:1px solid hsla(0,0%,100%,.08);margin-top:48px;padding-top:32px;text-align:center}.developers-signature .signature-names{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.developers-signature .signature-title{color:rgba(167,139,250,.7);font-size:14px;font-style:italic;margin-bottom:0}@media (max-width:768px){.portfolio-developers-note{padding:60px 24px}.portfolio-developers-note h2{font-size:28px;margin-bottom:32px}.developers-note-content{font-size:14px;line-height:1.8}.developers-note-content .highlight-paragraph{padding:16px 20px}.developers-signature{text-align:center}}@media (max-width:640px){.portfolio-developers-note{padding:50px 20px}.portfolio-developers-note h2{font-size:24px}.developers-note-content{font-size:13px}.developers-note-content p{margin-bottom:16px}}.portfolio-footer{padding:48px;text-align:center}@media (max-width:640px){.portfolio-footer{padding:32px 20px}}.tech-stack-section{background-color:#0d0d14;padding:6rem 2rem;position:relative}.section-title-container{margin-bottom:4rem;text-align:center}.tech-stack-section .section-title{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#fff!important;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.tech-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(6,1fr);justify-items:center;margin:0 auto;max-width:900px}.tech-marquee-container{overflow:hidden;padding:40px 0 60px;position:relative;width:100%}.tech-marquee-container:after,.tech-marquee-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:100px;z-index:2}.tech-marquee-container:before{background:linear-gradient(90deg,#0d0d14,transparent);left:0}.tech-marquee-container:after{background:linear-gradient(270deg,#0d0d14,transparent);right:0}.tech-marquee-track{animation:marqueeScroll 30s linear infinite;display:flex;gap:4rem;width:-webkit-max-content;width:max-content}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tech-marquee-track .tech-item{flex-shrink:0}.tech-item{align-items:center;cursor:default;display:flex;flex-direction:column;gap:1rem;position:relative;transition:transform .3s ease}.tech-item:hover:after{animation:fadeIn .3s forwards;background:rgba(0,0,0,.8);border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:.8rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes fadeIn{to{bottom:-35px;opacity:1}}.tech-item:hover{transform:translateY(-5px)}.tech-icon{font-size:3.5rem;transition:all .3s ease}.tech-icon.react{color:#61dafb}.tech-icon.node{color:#393}.tech-icon.webrtc{background:#fff;border-radius:50%;color:#333;padding:6px}.tech-icon.electron{color:#47848f}.tech-icon.express,.tech-icon.github,.tech-icon.socket{color:#fff}.tech-icon.tailwind{color:#06b6d4}.tech-icon.azure{color:#0078d4}.tech-icon.vercel{color:#fff}.tech-icon.supabase{color:#3ecf8e}.tech-icon.framer{color:#05f}.tech-item:hover .tech-icon.react{filter:drop-shadow(0 0 10px rgba(97,218,251,.5))}.tech-item:hover .tech-icon.node{filter:drop-shadow(0 0 10px rgba(51,153,51,.5))}.tech-item:hover .tech-icon.webrtc{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.tech-item:hover .tech-icon.electron{filter:drop-shadow(0 0 10px rgba(71,132,143,.5))}.tech-item:hover .tech-icon.express,.tech-item:hover .tech-icon.github,.tech-item:hover .tech-icon.socket{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.tech-item:hover .tech-icon.tailwind{filter:drop-shadow(0 0 10px rgba(6,182,212,.5))}.tech-item:hover .tech-icon.azure{filter:drop-shadow(0 0 10px rgba(0,120,212,.5))}.tech-item:hover .tech-icon.vercel{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.tech-item:hover .tech-icon.supabase{filter:drop-shadow(0 0 10px rgba(62,207,142,.5))}.tech-item:hover .tech-icon.framer{filter:drop-shadow(0 0 10px rgba(0,85,255,.5))}.tech-icon-wrapper{align-items:center;display:flex;height:3.5rem;justify-content:center;opacity:.6;transition:all .3s ease;width:3.5rem}.tech-img{height:100%;object-fit:contain;width:100%}.tech-item:hover .tech-icon-wrapper{filter:drop-shadow(0 0 10px rgba(255,255,255,.2));opacity:1;transform:scale(1.1)}@media (max-width:768px){.tech-icon-wrapper{height:2.5rem;width:2.5rem}}@keyframes authSlideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes authSlideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes authFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.2)}50%{box-shadow:0 0 40px rgba(139,92,246,.4)}}.auth-container-animated{animation:authScaleIn .5s cubic-bezier(.4,0,.2,1) forwards}.auth-left-animated{animation:authSlideInLeft .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.1s;opacity:0}.auth-right-animated{animation:authSlideInRight .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s;opacity:0}.auth-logo-animated{animation:authFadeUp .5s cubic-bezier(.4,0,.2,1) forwards,subtleFloat 4s ease-in-out infinite;animation-delay:.3s,1s;opacity:0}.auth-brand-text-animated{animation:authFadeUp .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.4s;opacity:0}.auth-form-animated{animation:authFadeUp .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.3s;opacity:0}.auth-header-animated{animation:authFadeUp .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.4s;opacity:0}.auth-input-animated{animation:authFadeIn .3s ease forwards;animation-delay:.2s;opacity:0;transition:border-color .3s ease,box-shadow .3s ease!important}.auth-input-animated:focus{border-color:rgba(139,92,246,.6)!important;box-shadow:0 0 0 3px rgba(139,92,246,.15),0 4px 12px rgba(0,0,0,.1)!important}.auth-btn-primary-animated{animation:authFadeIn .3s ease forwards;animation-delay:.25s;opacity:0;transition:opacity .2s ease,box-shadow .2s ease!important}.auth-btn-primary-animated:hover:not(:disabled){box-shadow:0 8px 24px rgba(0,0,0,.2)!important}.auth-btn-secondary-animated{animation:authFadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.65s;opacity:0;transition:background-color .2s ease,border-color .2s ease,transform .2s ease!important}.auth-btn-secondary-animated:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.4)!important;transform:translateY(-1px)}.auth-back-btn-animated{animation:authFadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.15s;opacity:0;transition:background-color .2s ease,transform .2s ease!important}.auth-back-btn-animated:hover{transform:translateX(-3px)}.auth-help-btn-animated{animation:authScaleIn .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s;opacity:0}.auth-left-bg-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,rgba(139,92,246,.15) 0,transparent 70%);border-radius:50%;height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@media (max-width:768px){.auth-left-animated{animation-delay:0s}.auth-right-animated{animation-delay:.1s}.auth-logo-animated{animation-delay:.15s,.8s}.auth-brand-text-animated{animation-delay:.2s}.auth-form-animated{animation-delay:.15s}.auth-header-animated{animation-delay:.2s}.auth-input-animated{animation-delay:.25s}.auth-btn-primary-animated{animation-delay:.3s}.auth-btn-secondary-animated{animation-delay:.35s}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.hero-section{align-items:center;background:#613da9;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-section:before{animation:gradient-shift 20s ease infinite;background:radial-gradient(circle at 20% 50%,rgba(88,80,236,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15),transparent 50%),radial-gradient(circle at 40% 20%,rgba(97,61,169,.15),transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes gradient-shift{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.hero-content{animation:fade-in-up .8s ease-out;color:#fff;margin:0 auto;max-width:1200px;padding:2rem;position:relative;text-align:center;z-index:2}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{transform:translateX(-100px)}.slide-in-left,.slide-in-right{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.slide-in-right{transform:translateX(100px)}.slide-in-visible{opacity:1!important;transform:translateX(0)!important}.hero-title{-webkit-text-fill-color:transparent;animation:gradient-flow 4s ease infinite;background:linear-gradient(135deg,#fff,#8b5cf6 50%,#613da9);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;margin-bottom:1.5rem}@keyframes gradient-flow{0%,to{background-position:0}50%{background-position:100%}}@keyframes title-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{color:hsla(0,0%,100%,.7);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:400;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.floating-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-shape{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);border-radius:50%;filter:blur(40px);position:absolute}.floating-shape:first-child{animation-delay:0s;animation-duration:25s;height:80px;left:10%;top:20%;width:80px}.floating-shape:nth-child(2){animation-delay:2s;animation-duration:30s;height:120px;right:15%;top:30%;width:120px}.floating-shape:nth-child(3){animation-delay:4s;animation-duration:20s;bottom:30%;height:60px;left:70%;width:60px}.floating-shape:nth-child(4){animation-delay:1s;animation-duration:22s;bottom:20%;height:100px;left:25%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-30px) rotate(90deg)}50%{transform:translateY(-60px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}.features-section{background:rgba(97,61,169,.95);padding:6rem 2rem;position:relative}.features-section:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:4rem auto 0;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(30px);transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card.visible{animation:slide-in-up .6s ease-out forwards}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes slide-in-up{to{opacity:1;transform:translateY(0)}}.feature-card:hover{border-color:rgba(97,61,169,.28);box-shadow:0 12px 48px rgba(97,61,169,.18);transform:translateY(-8px)}.feature-icon{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#613da9);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3rem;margin-bottom:1.5rem}.feature-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.8}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;text-align:center}.section-subtitle{color:hsla(0,0%,100%,.6);font-size:1.2rem;margin:0 auto;max-width:600px;text-align:center}.stats-section{background:linear-gradient(180deg,#fff,#f4fbff);color:#0b1220;overflow:hidden;padding:5rem 2rem;position:relative}.stats-section:before{top:0}.stats-section:after,.stats-section:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0}.stats-section:after{bottom:0}.stats-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px;text-align:center}.stat-item{opacity:0;transform:scale(.8)}.stat-item.visible{animation:scale-in .5s ease-out forwards}.stat-item:first-child{animation-delay:.2s}.stat-item:nth-child(2){animation-delay:.4s}.stat-item:nth-child(3){animation-delay:.6s}@keyframes scale-in{to{opacity:1;transform:scale(1)}}.stat-number{-webkit-text-fill-color:transparent;animation:gradient-flow 3s ease infinite;background:linear-gradient(135deg,#fff,#8b5cf6,#613da9);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:3.5rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:hsla(0,0%,100%,.8);font-size:1.1rem;font-weight:400;letter-spacing:1px;text-transform:uppercase}.cta-section{background:#613da9;color:#fff;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.cta-section:before{animation:move-grid 30s linear infinite;background:radial-gradient(circle,rgba(139,92,246,.05) 1px,transparent 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.cta-section:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes move-grid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.cta-content{position:relative;z-index:2}.cta-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem}.cta-subtitle{color:hsla(0,0%,100%,.7);font-size:1.3rem;margin-bottom:3rem}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .6s ease-out}.scroll-reveal.active{opacity:1;transform:translateY(0)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{background-color:#d32f2f;border-radius:8px;color:#fff;margin:20px 0;padding:20px;text-align:left}.error-state h2{color:#fff;margin:0 0 10px;text-align:center}.error-state p{font-family:monospace;font-size:14px;margin:10px 0;word-break:break-all}.troubleshooting{background-color:hsla(0,0%,100%,.1);border-radius:6px;margin-top:15px;padding:15px}.troubleshooting h3{color:#ffeb3b;margin:0 0 10px}.troubleshooting ul{margin:10px 0;padding-left:20px}.troubleshooting li{margin:5px 0}.troubleshooting button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:15px;padding:10px 20px}.troubleshooting button:hover{background-color:#45a049}.debug-info{background-color:#ff6b35;border-radius:8px;color:#fff;font-size:14px;margin-top:15px;padding:15px;text-align:left}.debug-info p{font-weight:700;margin:8px 0}.debug-info ul{margin:10px 0;padding-left:20px}.debug-info li{margin:5px 0}.debug-info button{background-color:#fff;border:none;border-radius:4px;color:#ff6b35;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px}.session-info{background-color:#333;border:1px solid #555;border-radius:8px;margin:15px 0;padding:15px}.controls{flex-direction:column;gap:15px;margin:20px 0}.controls,.join-session{align-items:center;display:flex}.join-session{gap:10px}.join-session input{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px}.join-session input::placeholder{color:#aaa}button{background-color:#613da9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .2s,transform .15s}button:hover:not(:disabled){background-color:#4b2b86;transform:translateY(-1px)}button:disabled{background-color:#555;color:#aaa;cursor:not-allowed}.media-controls{margin:20px 0}.file-transfer{flex-direction:column}.file-progress,.file-transfer{align-items:center;display:flex;gap:10px}.file-progress{width:200px}.progress-bar{background-color:#333;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#613da9);height:100%;transition:width .3s ease}.video-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.video-panel{flex:1 1;max-width:800px;min-width:400px}.video-panel h3{font-size:18px;margin-bottom:10px}.remote-video{background-color:#000;border:2px solid #555;border-radius:8px;height:auto;max-width:800px;width:100%}.local-video-container{max-width:300px;min-width:200px}.local-video-container h4{font-size:14px;margin-bottom:10px}.local-video{background-color:#000;border:1px solid #555;border-radius:4px;height:auto;width:100%}@media (max-width:768px){.video-container{align-items:center;flex-direction:column}.video-panel{min-width:300px}.controls{max-width:400px;width:100%}.join-session{flex-direction:column;width:100%}.join-session input{max-width:200px;width:100%}}.session-controls{background-color:#1a1a1a;border:2px solid #4caf50;border-radius:8px;margin:20px 0;padding:20px}.session-info{margin-bottom:15px;text-align:left}.session-info p{font-size:14px;margin:5px 0}.end-session-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:5px;padding:10px 20px}.end-session-btn:hover{background-color:#d32f2f}.remote-control{margin:10px 0}.control-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:5px;padding:10px 20px}.control-btn.active{background-color:#4caf50}.control-btn:hover{opacity:.8}.host-controls{background-color:rgba(76,175,80,.1);border-radius:4px;font-size:12px;margin:10px 0;padding:10px}.remote-screen-wrapper{background-color:#000;border-radius:8px;height:400px;margin:10px 0;overflow:hidden;position:relative;width:100%}.remote-screen-wrapper.controllable{border:2px solid #4caf50;box-shadow:0 0 10px rgba(76,175,80,.5)}.control-indicator{animation:pulse 2s infinite;background-color:rgba(76,175,80,.9);border-radius:4px;color:#fff;font-size:12px;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:10}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.no-stream-placeholder{color:#888;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.no-stream-placeholder p{font-size:14px;margin:5px 0}.screen-sharing-section{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:10px;margin-bottom:20px;padding:20px}.screen-sharing-section h3{color:#2196f3;font-size:18px;margin-top:0}.request-screen-btn,.start-screen-btn,.stop-screen-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:12px 20px;transition:all .3s ease;width:100%}.request-screen-btn,.start-screen-btn{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff}.request-screen-btn:hover,.start-screen-btn:hover{background:linear-gradient(145deg,#45a049,#3d8b40);box-shadow:0 5px 15px rgba(76,175,80,.4);transform:translateY(-2px)}.stop-screen-btn{background:linear-gradient(145deg,#ff5722,#e64a19);color:#fff}.stop-screen-btn:hover{background:linear-gradient(145deg,#e64a19,#d84315);box-shadow:0 5px 15px rgba(255,87,34,.4);transform:translateY(-2px)}.screen-requests{border-top:1px solid hsla(0,0%,100%,.2);margin-top:15px;padding-top:15px}.screen-requests h4{color:#ffa000;font-size:14px;margin:0 0 10px}.request-item{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-bottom:10px;padding:12px}.request-item span{display:block;font-size:14px;margin-bottom:8px}.request-actions{display:flex;gap:10px}.approve-btn,.deny-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:8px 12px;transition:all .3s ease}.approve-btn{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff}.approve-btn:hover{background:linear-gradient(145deg,#45a049,#3d8b40);transform:translateY(-1px)}.deny-btn{background:linear-gradient(145deg,#f44336,#d32f2f);color:#fff}.deny-btn:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);transform:translateY(-1px)}.desktop-status{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5);border-radius:8px;color:#4caf50;font-weight:700;margin-bottom:10px;padding:12px;text-align:center}.desktop-info{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);border-radius:6px;color:#90caf9;font-size:14px;line-height:1.4;margin:0;padding:10px}.remote-desktop-section{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:10px;margin-bottom:20px;padding:20px;text-align:center}.remote-desktop-section h3{color:#4caf50;font-size:18px;margin-top:0}.open-desktop-btn{background:linear-gradient(145deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;min-width:250px;padding:15px 30px;transition:all .3s ease}.open-desktop-btn:hover:not(:disabled){background:linear-gradient(145deg,#45a049,#3d8b40);box-shadow:0 5px 15px rgba(76,175,80,.4);transform:translateY(-2px)}.open-desktop-btn:disabled{background:linear-gradient(145deg,#757575,#616161);box-shadow:none;cursor:not-allowed;transform:none}.remote-status{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5);border-radius:6px;color:#4caf50;font-size:14px;margin-top:10px;padding:10px}.host-status-section{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:10px;margin-bottom:20px;padding:20px;text-align:center}.host-status-section h3{color:#2196f3;font-size:18px;margin-top:0}.host-info{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);border-radius:6px;color:#64b5f6;font-size:14px;line-height:1.6;padding:15px}.join-requests{border-top:1px solid hsla(0,0%,100%,.2);margin-top:20px;padding-top:15px}.join-requests h4{color:#ffa000;font-size:16px;margin:0 0 15px}.request-status{animation:pulse 2s infinite;background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.5);border-radius:8px;color:#ffa000;font-weight:700;margin:15px 0;padding:12px;text-align:center}.request-status.rejected{animation:none;background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.5);color:#f44336}
/*# sourceMappingURL=main.d95e86f6.css.map*/