@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;-webkit-transform:translate(0,0);transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;-webkit-animation:1s linear infinite marching-ants;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{min-height:100vh}#root{width:100%;min-height:100vh}:root{--landing-bg: #070b14;--landing-surface: rgba(17, 24, 39, .8);--landing-panel: #0f172a;--landing-border: rgba(148, 163, 184, .16);--landing-text: #e5eefb;--landing-muted: #9aa9c2;--landing-cyan: #3dd6f5;--landing-violet: #a78bfa;--landing-button: linear-gradient(135deg, #3dd6f5, #a78bfa);--landing-shadow: 0 24px 60px rgba(15, 23, 42, .45)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--landing-bg);color:var(--landing-text)}img{max-width:100%;display:block}button,a{font:inherit}.clerk-wrapper{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(61,214,245,.13),transparent 28%),radial-gradient(circle at right,rgba(167,139,250,.12),transparent 25%),var(--landing-bg)}.clerk-wrapper>*{width:100%;max-width:440px}.landing-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(61,214,245,.15),transparent 28%),radial-gradient(circle at right,rgba(167,139,250,.12),transparent 25%),var(--landing-bg)}.landing-shell{max-width:1200px;margin:0 auto;padding:32px 24px 56px}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 32px}.brand-wrap{display:inline-flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;letter-spacing:.02em}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--landing-button);color:#07111d;font-weight:800}.landing-nav{display:flex;align-items:center;gap:14px}.landing-nav a{color:var(--landing-text);text-decoration:none;opacity:.9}.nav-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.8rem 1.3rem;text-decoration:none;transition:transform .18s ease,opacity .18s ease}.nav-button,.primary-button{background:var(--landing-button);color:#07111d;font-weight:700;box-shadow:0 10px 25px #3dd6f533}.secondary-button{background:#94a3b814;border:1px solid var(--landing-border);color:var(--landing-text)}.nav-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.landing-main{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;min-height:calc(100vh - 130px)}.hero-copy{max-width:600px}.eyebrow{margin:0 0 18px;color:var(--landing-cyan);letter-spacing:.18em;font-size:.72rem;text-transform:uppercase;font-weight:700}.hero-copy h1{margin:0;font-size:clamp(2.8rem,4vw,5rem);line-height:.98;letter-spacing:-.06em;max-width:540px}.hero-text{margin-top:18px;max-width:520px;color:var(--landing-muted);font-size:1.08rem;line-height:1.7}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.helper-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.helper-row a{color:var(--landing-muted);text-decoration:none}.welcome-box{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:-moz-fit-content;width:fit-content;min-width:320px;padding:16px 18px;border:1px solid var(--landing-border);background:#0f172acc;border-radius:18px}.welcome-label{display:block;color:var(--landing-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.welcome-box strong{font-size:1.1rem}.welcome-actions{display:flex;align-items:center;gap:12px}.small-button{padding:.72rem 1.1rem}.hero-panel{background:#0f172ad1;border:1px solid var(--landing-border);border-radius:28px;padding:22px;box-shadow:var(--landing-shadow)}.panel-header{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:#3dd6f514;border:1px solid rgba(61,214,245,.18);color:var(--landing-cyan);font-size:.82rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.room-card{margin-top:20px;background:linear-gradient(135deg,#3dd6f517,#a78bfa14);border:1px solid var(--landing-border);border-radius:22px;padding:18px}.room-badge{display:inline-block;padding:7px 10px;background:#34d3991f;color:#b9f3d7;border:1px solid rgba(52,211,153,.2);border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.room-card h2{margin:16px 0 14px;font-size:1.9rem}.member-list{display:flex;flex-wrap:wrap;gap:10px}.member-list span{background:#94a3b814;border:1px solid var(--landing-border);border-radius:999px;padding:7px 10px;color:var(--landing-text);font-size:.8rem}.message-stack{margin-top:20px;display:grid;gap:14px}.message{display:flex;align-items:flex-start;gap:12px;margin:0}.message-right{justify-content:flex-end}.message-right>div{text-align:right}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3dd6f5,#a78bfa);color:#08111d;display:grid;place-items:center;font-size:.78rem;font-weight:800}.message strong{display:block;margin-bottom:5px;font-size:.8rem}.message p{margin:0;display:inline-block;background:#94a3b814;border:1px solid var(--landing-border);border-radius:14px;padding:10px 12px;color:var(--landing-text)}.message-right p{background:#3dd6f51f}@media(max-width:820px){.landing-shell{padding-inline:16px}.landing-header{flex-direction:column;align-items:flex-start}.landing-main{grid-template-columns:1fr;padding-bottom:30px}.hero-copy{max-width:100%}.welcome-box{min-width:0;width:100%;flex-direction:column;align-items:flex-start}}