@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap";:root{--bg1: radial-gradient(circle at 20% 25%, rgba(139,92,246,.12) 0%, rgba(6,182,212,.1) 45%, transparent 70%), radial-gradient(circle at 85% 75%, rgba(6,182,212,.14) 0%, transparent 60%), #0b0f17;--accent1: rgba(139,92,246,.9);--accent2: rgba(6,182,212,.9);--glass: rgba(255,255,255,.08);--glass-strong: rgba(255,255,255,.14);--muted: #8b94a7;--text: #f1f5f9;--subtle: #64748b;--brand-start: #8b5cf6;--brand-end: #06b6d4;--surface: #121922;--surface-alt: #1b242f;--border: #243140;--bg: #0b0f17;--radius-xl: 32px;--radius-lg: 20px;--radius-md: 14px;--shadow-lg: 0 30px 80px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.6);--shadow-md: 0 14px 40px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.6);font-family:Inter,Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;background:var(--bg1);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);padding:32px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:2px 2px;opacity:.05}.wrap{max-width:1200px;margin:0 auto}.shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;grid-template-rows:1fr;max-height:calc(100vh - 64px);background:linear-gradient(155deg,#121922f2,#1b242ff2 70%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.hero-blob{position:relative;background:#0f172a;color:#fff;padding:48px 32px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;overflow:hidden}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.25;filter:blur(.2px);pointer-events:none;z-index:0}.hero-blob>*:not(canvas){position:relative;z-index:1}.hero-blob:before,.hero-blob:after{content:"";position:absolute;width:160px;height:160px;background:#ffffff59;filter:blur(22px);border-radius:40% 60% 55% 45%/55% 45%}.hero-blob:before{top:18%;left:18%}.hero-blob:after{bottom:16%;right:10%;width:120px;height:120px}.hero-content{max-width:360px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%}.hero-logo-stack{align-items:center;text-align:center;gap:12px}.hero-logo-wrapper{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:32px;background:linear-gradient(135deg,#155e75e6,#06b6d4a6);box-shadow:0 25px 50px #00000073}.hero-logo{width:120px;height:auto;display:block}.hero-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.85}.hero-title{font-family:Poppins,Inter,sans-serif;font-size:clamp(2.2rem,3.5vw,3rem);font-weight:800;margin:0;letter-spacing:.5px}.hero-sub{font-size:1rem;opacity:.85;letter-spacing:1px}.panel{background:var(--surface-alt);padding:28px;display:flex;flex-direction:column;border-left:1px solid var(--border);overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px}.panel-header h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.2px}.action-dock{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:999px;background:#1f2733;border:1px solid var(--border);box-shadow:var(--shadow-md)}.dock-left,.dock-right{display:flex;align-items:center;gap:10px}.chip{padding:10px 12px;border-radius:12px;background:#1f2733;border:1px solid var(--border);box-shadow:0 6px 18px #0006;color:var(--text)}.btn-circle{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;border:none;box-shadow:0 6px 18px #00000073}@media (max-width: 1024px){.shell{grid-template-columns:1fr;min-height:unset}.hero-blob{min-height:260px}}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;flex-wrap:wrap}.brand h1{margin:0;font-size:28px;letter-spacing:.6px}.subtitle{display:block;font-size:12px;color:var(--muted)}.user-section{display:flex;align-items:center}.user-greeting{font-size:14px;color:#000000b3;font-weight:600;padding:8px 16px;background:#fff9;border-radius:20px;border:1px solid rgba(167,139,250,.2)}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.controls input{padding:10px 12px;border-radius:12px;border:none;background:#ffffffb3;min-width:220px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.controls input:focus{outline:none;background:#ffffffd9;box-shadow:0 4px 16px #a78bfa33,0 0 0 3px #a78bfa26;transform:translateY(-1px)}.select-wrapper{position:relative;display:inline-block}.select-wrapper:before{content:"";position:absolute;right:16px;top:50%;margin-top:-3px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #a78bfa;pointer-events:none;z-index:2;transition:transform .3s ease}.select-wrapper:has(select:focus):before{transform:rotate(180deg);margin-top:-4px}.controls select{padding:10px 40px 10px 14px;border-radius:12px;border:none;background:#ffffffbf;cursor:pointer;font-size:14px;font-weight:500;color:#0f172a;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:180px}.controls select:hover{background:#ffffffd9;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.controls select:focus{outline:none;background:#ffffffe6;box-shadow:0 4px 16px #a78bfa33,0 0 0 3px #a78bfa26;transform:translateY(-1px)}button{background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px #00000073;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0009}button.alt{background:transparent;color:var(--muted);box-shadow:none}button.alt:hover{transform:none;background:#ffffff0f}.logout-btn{background:#ef44441a!important;color:#ef4444!important;border:1.5px solid rgba(239,68,68,.3)!important;font-weight:600;transition:all .3s ease}.logout-btn:hover{background:#ef444433!important;border-color:#ef444480!important;box-shadow:0 4px 12px #ef444433!important}.glass{-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background:var(--glass);border-radius:14px;padding:14px;border:1px solid var(--glass-strong)}.stats{display:flex;gap:14px;align-items:center;margin-bottom:18px}.stat{flex:1;background:linear-gradient(180deg,#ffffff14,#ffffff08);padding:18px;border-radius:12px;border:1px solid var(--border)}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:18px;font-weight:600;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.device{padding:16px;border-radius:12px;position:relative;overflow:hidden;transition:transform .2s;color:var(--text)}.device:hover{transform:translateY(-4px)}.device .title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.device .title>div:first-child{display:flex;gap:10px;align-items:flex-start}.device-icon{font-size:32px;line-height:1}.device .meta{font-size:12px;color:var(--muted);margin-top:4px;margin-bottom:8px}.device .metrics{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;font-size:11px;background:#ffffff14;white-space:nowrap;color:var(--text)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.online{background:linear-gradient(90deg,#42f58a,#1ea34a)}.offline{background:linear-gradient(90deg,#ffd6a5,#ff7b7b)}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;opacity:.5;transition:opacity .2s,background .2s;margin-right:8px}.delete-btn:hover{opacity:1;background:#ff646433}.device .actions{display:flex;gap:8px;margin-top:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05080feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;overflow-y:auto;overflow-x:hidden;padding:20px}.modal.hidden{display:none}.modal-card{width:420px;max-width:95%;display:flex;flex-direction:column;gap:12px;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin:0 0 8px;background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:22px;letter-spacing:.5px}.modal input,.modal select{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#1f2733;color:var(--text);font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #0006}.modal input:focus,.modal select:focus{outline:none;background:#253140;box-shadow:0 4px 16px #8b5cf659,0 0 0 3px #06b6d440;transform:translateY(-1px)}.modal select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background:#fffc;position:relative}.modal select:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.modal-card .select-wrapper:before{content:"";position:absolute;right:16px;top:50%;margin-top:-3px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #a78bfa;pointer-events:none;z-index:2;transition:transform .3s ease}.modal-card .select-wrapper:has(select:focus):before{transform:rotate(180deg);margin-top:-4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.settings-card{max-width:960px;width:min(90vw,960px);padding:28px 32px;display:flex;flex-direction:column;gap:24px;max-height:min(90vh,900px);overflow:auto}.settings-card-wide{max-width:1400px;width:min(95vw,1400px);padding:28px 32px;display:flex;flex-direction:column;gap:24px;max-height:85vh;overflow:hidden;position:relative}.settings-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.settings-subtitle{margin:4px 0 0;color:var(--muted);font-size:.9rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.settings-grid-horizontal{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;justify-content:flex-start;align-items:stretch}.settings-grid-horizontal::-webkit-scrollbar{height:8px}.settings-grid-horizontal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.settings-grid-horizontal::-webkit-scrollbar-thumb{background:#76cdff4d;border-radius:4px}.settings-grid-horizontal::-webkit-scrollbar-thumb:hover{background:#76cdff80}.settings-section{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:300px;max-width:320px;flex-shrink:0;align-items:stretch}.settings-section h4{margin:0 0 4px;font-size:1rem;letter-spacing:.5px;text-align:left}.settings-row{display:flex;gap:10px;flex-wrap:wrap}.btn-secondary,.btn-danger,.secondary-btn,.danger-btn{border:none;padding:10px 14px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary,.secondary-btn{background:#ffffff1a;color:#f4f7fb}.btn-secondary:hover,.secondary-btn:hover{background:#ffffff26}.btn-danger,.danger-btn{background:#ef444426;color:#f87171}.btn-danger:hover,.danger-btn:hover{background:#ef444440}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-start)}.checkbox-label span{font-size:.95rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0}.toggle-label>span{font-size:.95rem;flex:1}.toggle-switch{position:relative;width:48px;height:24px;flex-shrink:0}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:24px;transition:all .3s;border:1px solid rgba(255,255,255,.15)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--brand-start),var(--brand-end));border-color:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #76cdff4d}.settings-footer{display:flex;justify-content:flex-end;gap:12px}.settings-footer .primary{background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:#fff;border:none;padding:12px 22px;border-radius:16px;font-weight:700;cursor:pointer}.settings-footer .alt,.settings-footer .primary{min-width:120px}.settings-footer .alt{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:16px;padding:12px 22px}.close-btn{border:none;background:#ffffff14;color:#fff;width:36px;height:36px;border-radius:12px;font-size:1.2rem;cursor:pointer}.toggle-list{display:flex;flex-direction:column;gap:10px}.toggle{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;font-weight:500;cursor:pointer}.toggle input{display:none}.toggle .slider{width:44px;height:24px;border-radius:999px;background:#ffffff4d;position:relative;transition:background .2s ease}.toggle .slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:4px;transition:transform .2s ease}.toggle input:checked+.slider{background:linear-gradient(135deg,var(--brand-start),var(--brand-end))}.toggle input:checked+.slider:after{transform:translate(18px)}.feedback-card{width:min(600px,92vw);gap:18px}.feedback-body{display:flex;flex-direction:column;gap:12px}.feedback-body select{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#1e2332f2;color:#f4f7fb;padding:12px;font-family:inherit;cursor:pointer}.feedback-body select:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626}.feedback-body select option{background:#1e2332!important;color:#f4f7fb!important;padding:10px}.feedback-body select option:hover,.feedback-body select option:focus,.feedback-body select option:checked{background:#3b3f5c!important;color:#fff!important}.feedback-body textarea{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#f4f7fb;padding:12px;font-family:inherit;resize:vertical}.feedback-body textarea:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626}.device.gradient-0{background:linear-gradient(135deg,#8b5cf626,#06b6d41a)}.device.gradient-1{background:linear-gradient(135deg,#06b6d426,#8b5cf61a)}.device.gradient-2{background:linear-gradient(135deg,#ffffff14,#ffffff08)}.device.type-refrigerator .device-icon{filter:drop-shadow(0 0 8px rgba(100,200,255,.65))}.device.type-tv .device-icon{filter:drop-shadow(0 0 8px rgba(200,100,255,.65))}.device.type-fan .device-icon{filter:drop-shadow(0 0 8px rgba(100,255,200,.65))}.device.type-bulb .device-icon{filter:drop-shadow(0 0 8px rgba(255,220,100,.7))}.device.type-door .device-icon{filter:drop-shadow(0 0 8px rgba(255,150,100,.65))}.device.type-sensor .device-icon{filter:drop-shadow(0 0 8px rgba(150,150,255,.65))}.muted{color:var(--muted)}select{position:relative}select option{padding:10px 14px;background:#0f172a;color:var(--text);font-size:14px;line-height:1.6}select option:hover,select option:focus,select option:checked{background:#3b3f5c!important;color:#fff!important}input,select,button{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.controls input{min-width:140px}.controls{width:100%}.controls select{flex:1;min-width:140px}}.hero-user-card{width:100%;max-width:340px;display:flex;align-items:center;gap:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:24px;box-shadow:0 20px 45px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-avatar{width:74px;height:74px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-user-text{display:flex;flex-direction:column;align-items:flex-start;color:#f4f7fb}.hero-user-welcome{font-size:.85rem;opacity:.8}#hero-user-name{font-size:1.3rem;letter-spacing:.5px}.hero-actions{width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px}.hero-action-btn{width:100%;border:none;border-radius:18px;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f4f7fb;font-weight:600;display:flex;align-items:center;gap:10px;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 25px #00000059}.hero-action-btn:hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 16px 32px #00000073}:root{--primary: #8b5cf6;--secondary: #06b6d4;--accent: #10b981;--warm: #f59e0b;--background-dark: #0a0a1a;--background-mid: #12121f;--background-light: #1a1a2e}html.landing-html,body.landing-body,body.landing-body #root{height:auto!important;min-height:100vh!important}body.landing-body{font-family:Inter,Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;overflow-y:auto!important;background:#25221d!important;padding:0!important;color:#f4f7fb;display:block}body.landing-body #root{min-height:100vh!important;height:auto!important;padding:0!important;background:#25221d!important}body.landing-body:before{display:none}.landing-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:visible;padding-bottom:8rem;transition:opacity 1s ease,transform 1.2s cubic-bezier(.4,0,.2,1)}.landing-container.morphing{opacity:0;transform:scale(.98);pointer-events:none}.abstract-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float 20s infinite ease-in-out}.blob-1{width:500px;height:500px;background:radial-gradient(circle,var(--primary),transparent);top:10%;left:15%;animation-delay:0s;animation-duration:25s}.blob-2{width:450px;height:450px;background:radial-gradient(circle,var(--secondary),transparent);top:60%;right:10%;animation-delay:2s;animation-duration:22s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,var(--warm),transparent);bottom:20%;left:20%;animation-delay:4s;animation-duration:28s}.blob-4{width:550px;height:550px;background:radial-gradient(circle,var(--accent),transparent);top:30%;right:25%;animation-delay:1s;animation-duration:30s}.blob-5{width:420px;height:420px;background:radial-gradient(circle,var(--secondary),transparent);bottom:10%;right:30%;animation-delay:3s;animation-duration:24s}.blob-6{width:480px;height:480px;background:radial-gradient(circle,var(--primary),transparent);top:50%;left:40%;animation-delay:5s;animation-duration:26s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(40px,20px) scale(1.05)}}#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:.3;pointer-events:none}.landing-content{position:relative;z-index:10;animation:fadeInUp 1.2s ease-out;background:transparent;padding:3rem 6rem 3rem 2rem;display:flex;align-items:center;gap:2rem;text-align:left;max-width:1200px;width:min(95vw,1200px);min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.brand-panel{flex:0 0 65%;display:flex;justify-content:flex-start;align-items:center;animation:logoSlideIn 1.2s ease-out forwards;margin-left:clamp(-80px,-6vw,-20px)}.brand-image{width:min(700px,72vw);height:auto;display:block;transform-origin:left center;filter:drop-shadow(0 35px 70px rgba(0,0,0,.55))}.hero-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;justify-content:flex-start}.brand-slogan{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:clamp(2.4rem,4.2vw,4rem);font-weight:700;letter-spacing:.5px;text-transform:none;color:#f4f7fb;text-shadow:0 20px 40px rgba(0,0,0,.55);margin:0}.features-section{position:relative;z-index:10;width:min(1100px,90vw);padding:4rem 0 6rem;margin-top:-3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000059}.feature-title{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;color:#f4f7fb;letter-spacing:.5px;margin-bottom:.8rem}.feature-description{color:#ffffffb3;font-size:1rem;line-height:1.6}.esp32-image{width:min(620px,80vw);display:block;margin:0 auto;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.19,1,.22,1)}.esp32-image.in-view{opacity:1;transform:translateY(0)}.sensor-card.in-view{opacity:1;transform:translateY(0)}.source-section{width:min(1100px,90vw);margin:4rem auto 6rem;text-align:center;color:#f4f7fb;position:relative;z-index:10}.source-title{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:clamp(1.8rem,2.4vw,2.6rem);font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.source-bar{display:flex;justify-content:center;background:transparent;border:none;padding:0}.source-link{display:inline-flex;align-items:center;gap:1.25rem;padding:1.2rem 2.4rem;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;color:inherit;font-size:1.15rem;font-weight:600;letter-spacing:.5px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.source-link:hover,.source-link:focus-visible{transform:translateY(-4px);border-color:#ffffff47;box-shadow:0 35px 65px #0000008c}.github-icon{width:56px;height:56px;fill:#f4f7fb;transition:transform .3s ease,filter .3s ease}.source-link:hover .github-icon,.source-link:focus-visible .github-icon{transform:scale(1.08);filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.esp32-section{width:min(1100px,95vw);margin:2rem auto 6rem;text-align:center;color:#f4f7fb}.esp32-title{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:.5px;margin-bottom:2.5rem}.esp32-image{width:min(620px,80vw);display:block;margin:0 auto}.sensors-section{width:min(1100px,95vw);margin:0 auto 6rem;padding-top:2rem;color:#f4f7fb}.sensors-heading{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:.5px;text-align:center;margin-bottom:2rem}.sensor-grid{display:flex;flex-direction:column;gap:2rem}.sensor-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:2.5rem;display:flex;flex-wrap:wrap;gap:2rem;align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 25px 60px #00000059;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s cubic-bezier(.19,1,.22,1);transition-delay:var(--card-delay, 0ms)}.sensor-image{flex:0 0 280px;width:280px;max-width:90vw;border-radius:20px}.sensor-content{flex:1;min-width:240px}.sensor-title{font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:clamp(1.8rem,2.6vw,2.5rem);font-weight:700;margin-bottom:1rem}.sensor-description{font-size:1.05rem;line-height:1.7;color:#ffffffc7}@keyframes logoSlideIn{0%{opacity:0;transform:translate(-40px) scale(.92)}70%{opacity:1;transform:translate(4px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.get-started-btn{margin:0;padding:1.1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.8rem;box-shadow:0 10px 40px #8b5cf666,0 0 60px #06b6d433}.get-started-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--secondary),var(--accent));opacity:0;transition:opacity .4s ease}.get-started-btn:hover:before{opacity:1}.get-started-btn:hover{transform:translateY(-4px);box-shadow:0 15px 60px #06b6d499,0 0 80px #10b9814d}.get-started-btn:active{transform:translateY(-2px)}.btn-text,.btn-icon{position:relative;z-index:1}.btn-icon{font-size:1.5rem;transition:transform .3s ease}.get-started-btn:hover .btn-icon{transform:translate(5px)}.main-app{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;transform:scale(1.05);transition:opacity 1s ease .3s,transform 1.2s cubic-bezier(.4,0,.2,1) .3s;pointer-events:none}.main-app.visible{opacity:1;transform:scale(1);pointer-events:all}.main-app.hidden{display:none}.main-app iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.landing-content{padding:4rem 1.5rem 3rem;flex-direction:column;text-align:center;min-height:auto}.brand-panel{width:100%;align-items:center;margin-left:0;justify-content:center}.hero-info{width:100%;align-items:center;text-align:center}.brand-slogan{font-size:clamp(1.8rem,6vw,2.6rem)}.get-started-btn{padding:1rem 2.5rem;font-size:1.1rem}.blob{filter:blur(80px)}.brand-image{width:min(360px,80vw)}.features-section{width:100%;grid-template-columns:1fr;padding:3rem 1.5rem 5rem;margin-top:0}}@media (max-width: 480px){.landing-content{padding:3rem 1.25rem 2rem;gap:2rem}.brand-image{width:min(300px,85vw)}.features-section{padding:2.5rem 1rem 4rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--surface:#ffffff}body.auth-body{font-family:Inter,Poppins,ui-sans-serif,system-ui;overflow:hidden;background:#25221d;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0}.auth-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.abstract-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:0}#particles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;pointer-events:none;z-index:1}.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:float 20s infinite ease-in-out}.blob-1{width:480px;height:480px;background:radial-gradient(circle,#8b5cf6,transparent);top:10%;left:15%}.blob-2{width:420px;height:420px;background:radial-gradient(circle,#06b6d4,transparent);bottom:15%;right:10%;animation-duration:24s}.blob-3{width:360px;height:360px;background:radial-gradient(circle,#f59e0b,transparent);top:50%;left:30%;animation-duration:26s}.blob-4{width:520px;height:520px;background:radial-gradient(circle,#10b981,transparent);bottom:5%;left:5%;animation-duration:30s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-40px) scale(1.05)}50%{transform:translate(-40px,30px) scale(.95)}75%{transform:translate(30px,20px) scale(1.02)}}.auth-card{position:relative;z-index:3;background:var(--surface);padding:32px 28px;border-radius:var(--radius-lg);border:1px solid #eef2f7;box-shadow:var(--shadow-lg);width:100%;max-width:480px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:18px}.logo-icon{width:64px;height:64px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.logo-icon img{max-width:100%;max-height:100%;object-fit:contain;display:block}.auth-title{font-family:Poppins,Inter,sans-serif;font-size:26px;font-weight:800;margin:0 0 4px;color:#111827}.auth-subtitle{font-size:12px;color:var(--subtle);letter-spacing:.12em;text-transform:uppercase}.tab-switcher{display:flex;gap:10px;margin:18px 0;background:#f8fafc;border:1px solid #eef2f7;padding:6px;border-radius:12px;position:relative}.tab-btn{flex:1;padding:10px 14px;border:none;background:transparent;color:#111827!important;font-weight:700;cursor:pointer;z-index:2}.tab-btn:not(.active){color:#111827b3!important}.tab-indicator{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:#fff;border:1px solid #eef2f7;border-radius:10px;box-shadow:0 8px 24px #10182814;transition:transform .25s ease}.tab-btn[data-tab=signup].active~.tab-indicator{transform:translate(calc(100% + 6px))}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:14px}.form-group label{display:block;color:#111827;font-size:12px;font-weight:700;margin-bottom:6px}.form-group input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;color:#111827;font-size:14px}.form-group input:focus{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 3px #a78bfa26}.form-group input::placeholder{color:#98a2b3}.form-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#667085;font-size:13px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1}.forgot-link{color:#6366f1;text-decoration:none;font-weight:600}.auth-btn{width:100%;padding:14px 20px;border:none;border-radius:60px;background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:#f8fafc;font-weight:700;cursor:pointer;box-shadow:0 10px 40px #8b5cf666,0 0 60px #06b6d433;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.auth-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--brand-end),var(--accent2,#10b981));opacity:0;transition:opacity .4s ease}.auth-btn:hover:before,.auth-btn:focus-visible:before{opacity:1}.auth-btn:hover,.auth-btn:focus-visible{transform:translateY(-4px);box-shadow:0 15px 60px #06b6d499,0 0 80px #10b9814d}.auth-btn:active{transform:translateY(-2px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.btn-text,.btn-loader{position:relative;z-index:1}.btn-loader{display:inline-grid;place-items:center}.hidden{display:none!important}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.15);border-top-color:#111827;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{width:320px;height:320px;opacity:0}}.auth-message{margin-top:10px;padding:10px;border-radius:10px;text-align:center;font-size:13px}.auth-message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.auth-message.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}@media (max-width: 480px){.auth-card{margin:10px;padding:24px 18px}.auth-title{font-size:22px}}.custom-select{position:relative;display:inline-block;min-width:180px}.custom-select-trigger{padding:10px 40px 10px 14px;border-radius:12px;border:1px solid var(--border);background:#1f2733;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .3s ease;box-shadow:0 2px 8px #0006;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;position:relative}.custom-select-trigger:hover{background:#253140;box-shadow:0 4px 12px #0009;transform:translateY(-1px)}.custom-select.open .custom-select-trigger{background:#253140;box-shadow:0 4px 16px #8b5cf659,0 0 0 3px #06b6d440}.custom-select-arrow{position:absolute;right:14px;top:50%;margin-top:-3px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #8b5cf6;pointer-events:none;transition:transform .3s ease}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#121922fa;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-radius:14px;border:1px solid var(--border);box-shadow:0 8px 32px #0009;max-height:280px;overflow-y:auto;z-index:1000;opacity:0;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;padding:6px}.custom-select.open .custom-select-options{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.custom-select-option{padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text);font-size:14px;margin-bottom:2px;background:transparent}.custom-select-option:hover{background:linear-gradient(90deg,#8b5cf62e,#06b6d42e);transform:translate(2px)}.custom-select-option.selected{background:linear-gradient(90deg,#8b5cf647,#06b6d447);font-weight:600;color:var(--text)}.custom-select-option.selected:before{content:"✓ ";color:#a78bfa;font-weight:700;margin-right:6px}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:#ffffff0f;border-radius:10px;margin:6px 0}.custom-select-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4);border-radius:10px}.modal .custom-select-trigger{background:#1f2733;border:1px solid var(--border);padding:12px 44px 12px 14px}.modal .custom-select-options{background:#121922fa}.modal .custom-select{width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select.open .custom-select-option{animation:slideIn .2s ease forwards}.custom-select.open .custom-select-option:nth-child(1){animation-delay:.02s}.custom-select.open .custom-select-option:nth-child(2){animation-delay:.04s}.custom-select.open .custom-select-option:nth-child(3){animation-delay:.06s}.custom-select.open .custom-select-option:nth-child(4){animation-delay:.08s}.custom-select.open .custom-select-option:nth-child(5){animation-delay:.1s}.custom-select.open .custom-select-option:nth-child(6){animation-delay:.12s}.custom-select.open .custom-select-option:nth-child(7){animation-delay:.14s}