@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";:root{--bg-main: #FFFDF8;--bg-secondary: #F0EEE6;--text-main: #111111;--text-muted: #666666;--color-primary: #7B61FF;--color-success: #00E096;--color-danger: #FF4D4D;--color-warning: #FFDE59;--color-dark: #1A1A1A;--border-width: 3px;--border-color: #000000;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 9999px;--shadow-hard: 6px 6px 0px 0px var(--border-color);--shadow-hard-hover: 8px 8px 0px 0px var(--border-color);--shadow-hard-active: 0px 0px 0px 0px var(--border-color);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--transition-fast: .1s ease;--transition-bounce: .3s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}#root{overflow-x:hidden;width:100%}.container{max-width:1400px;margin:0 auto;padding:var(--space-md)}.flex-center{display:flex;align-items:center;justify-content:center}.heading-xl{font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.heading-lg{font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.heading-md{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.text-body{font-size:1rem;font-weight:500}.neo-input,.neo-textarea{width:100%;padding:var(--space-sm);border:var(--border-width) solid var(--border-color);background:#fff;font-family:inherit;font-weight:700;font-size:1.1rem;transition:all .1s ease;box-shadow:4px 4px 0 0 var(--border-color);margin-bottom:var(--space-md);border-radius:var(--radius-sm);-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}.neo-input:focus,.neo-textarea:focus{outline:none;box-shadow:6px 6px 0 0 var(--color-primary);transform:translate(-2px,-2px);border-color:var(--border-color)}.neo-input:active,.neo-textarea:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-color)}.neo-textarea{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--bg-main);border:var(--border-width) solid var(--border-color);padding:var(--space-lg);width:90%;max-width:500px;box-shadow:var(--shadow-hard);position:relative}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--color-primary);border:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}.heading-xl{font-size:2rem}.heading-lg{font-size:1.5rem}.modal-content{padding:var(--space-md);width:95%}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:99999}.neo-modal{background-color:#fff;border:3px solid black;border-radius:12px;padding:24px;box-shadow:8px 8px #000;max-width:90%;width:400px;text-align:center;z-index:100000}@media(max-width:480px){.neo-modal{width:95%;padding:20px}}.layout-container{display:flex;height:100vh;width:100%;background-color:var(--bg-secondary);overflow:hidden;position:relative}.sidebar{width:280px;background-color:#fff;border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-md);flex-shrink:0;box-sizing:border-box}.logo-container{padding-bottom:var(--space-xl);border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-lg)}.logo{font-family:Outfit,sans-serif;font-weight:900;font-size:2rem;letter-spacing:-.05em;text-transform:uppercase;color:var(--text-main);text-shadow:2px 2px 0px var(--color-primary)}.nav-menu{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-weight:700;color:var(--text-muted);text-decoration:none;font-size:1.1rem;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-item:hover{color:var(--text-main);background-color:var(--bg-secondary);transform:translate(2px,2px)}.nav-item.active{background-color:var(--color-primary);color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard)}.nav-spacer{margin-top:auto}.user-profile{margin-top:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color)}.user-avatar{width:40px;height:40px;background-color:var(--color-warning);border:var(--border-width) solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.9rem}.user-role{font-size:.8rem;color:var(--text-muted)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:80px;background-color:var(--bg-main);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:20;position:relative}.breadcrumbs{font-size:1.2rem;color:var(--text-muted)}.breadcrumbs strong{color:var(--text-main);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-warning)}.neo-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:var(--border-width) solid var(--border-color);border-radius:50%;cursor:pointer;box-shadow:2px 2px 0 0 var(--border-color);transition:all var(--transition-fast)}.neo-btn-icon:active{transform:translate(2px,2px);box-shadow:0 0}.content-scroll{flex:1;overflow-y:auto;padding:var(--space-lg);background-color:var(--bg-main)}@media(max-width:768px){.layout-container{flex-direction:column}.sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;flex-direction:row;border-right:none;border-top:var(--border-width) solid var(--border-color);padding:var(--space-sm);z-index:10000;justify-content:space-around;align-items:center;box-shadow:0 -4px 10px #0000001a;overflow:visible!important}.logo-container{display:none}.nav-menu{flex-direction:row;gap:var(--space-xs);flex:1;justify-content:space-around}.nav-item{flex-direction:column;padding:8px;font-size:.7rem;gap:4px;text-align:center;border:none;box-shadow:none}.nav-item.active{box-shadow:none;background:transparent;color:var(--color-primary)}.nav-item span,.nav-spacer{display:none}.user-profile{margin-top:0;padding-top:0;border-top:none;margin-left:var(--space-xs)}.user-role,.user-name{display:none}.user-avatar{width:32px;height:32px}.main-content{height:100vh;overflow-y:hidden;padding-bottom:70px}.top-bar{padding:0 var(--space-md);height:60px;gap:var(--space-sm)}.top-bar button span{display:none}.top-bar button{width:40px;padding:0;justify-content:center}.content-scroll{padding:var(--space-sm)}.profile-menu-popup{position:fixed!important;bottom:70px!important;right:10px!important;left:auto!important;width:200px!important;margin-bottom:0!important}.sidebar-storage-indicator{display:none!important}}.profile-menu-popup{position:absolute;bottom:100%;left:1rem;right:1rem;margin-bottom:.5rem;background:#fff;border:2px solid black;border-radius:8px;box-shadow:4px 4px #000;z-index:1000;overflow:hidden}.header-actions{display:flex;align-items:center;gap:1rem;flex-direction:row}.neo-notification-dropdown{position:absolute;right:20px;top:calc(100% + 10px);width:384px;background-color:#fff!important;border:3px solid black!important;box-shadow:4px 4px #000!important;z-index:2147483647!important;display:flex;flex-direction:column}.neo-notification-header{background-color:#facc15!important;border-bottom:3px solid black!important;padding:1rem;display:flex;align-items:center;justify-content:space-between}.neo-notification-title{font-weight:900!important;font-size:1.125rem;text-transform:uppercase;color:#000!important;display:flex;align-items:center;gap:.5rem;margin:0}.neo-notification-btn{background-color:#fff!important;border:2px solid black!important;box-shadow:2px 2px #000!important;color:#000!important;font-weight:900!important;font-size:.75rem;text-transform:uppercase;padding:.25rem .75rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .1s}.neo-notification-btn:active{transform:translate(2px,2px);box-shadow:none!important}.neo-notification-list{max-height:400px;overflow-y:auto;background-color:#fff!important}.neo-notification-item{padding:1rem;border-bottom:2px solid black;position:relative;background-color:#fff;cursor:pointer;transition:background-color .2s}.neo-notification-item:hover{background-color:#fefce8!important}.neo-notification-item.unread{background-color:#eff6ff!important}.neo-notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background-color:#000}.neo-notification-empty{padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;background-color:#f9fafb}.workspace-switcher{position:relative;margin-bottom:1rem;width:100%}.workspace-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:3px solid black;border-radius:8px;cursor:pointer;box-shadow:4px 4px #000;transition:all .1s}.workspace-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.workspace-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:3px solid black;border-radius:8px;box-shadow:6px 6px #000;z-index:1000;padding:4px;max-height:300px;overflow-y:auto}@media(max-width:768px){.workspace-switcher{margin-bottom:0;width:auto}.workspace-btn{padding:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:3px 3px #000}.workspace-btn .ws-text,.workspace-btn .ws-chevron{display:none!important}.workspace-btn .ws-icon{margin:0!important;flex:none!important}.workspace-dropdown{top:auto;bottom:calc(100% + 15px);margin:0;position:absolute;left:0;width:250px;box-shadow:6px -6px #000;z-index:999999!important}}.neo-card{background-color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);padding:var(--space-md);border-radius:var(--radius-md);position:relative;overflow:hidden}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;color:var(--text-main);box-shadow:var(--shadow-hard);transition:background-color .2s;text-transform:uppercase;letter-spacing:.05em;outline:none}.neo-btn-primary{background-color:var(--color-primary);color:#fff}.neo-btn-secondary{background-color:#fff;color:var(--text-main)}.neo-btn-success{background-color:var(--color-success);color:var(--text-main)}.neo-btn-danger{background-color:var(--color-danger);color:#fff}.neo-btn-warning{background-color:var(--color-warning);color:var(--text-main)}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.empty-state-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border:3px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center}.empty-state-icon{width:120px;height:120px;background:#ffd600;border:3px solid black;box-shadow:4px 4px #000;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transform:rotate(-3deg)}.empty-state-card p{max-width:400px;color:var(--text-muted);font-weight:500;margin-top:.5rem}.folder-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.folder-avatar{width:64px;height:64px;background:#fff;border:3px solid black;box-shadow:3px 3px #000;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.folder-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;color:var(--border-color)}.client-badge{background:#ffd600;padding:.25rem .75rem;border:2px solid black;font-weight:900;font-size:.75rem;text-transform:uppercase;box-shadow:2px 2px #000}.folder-content{flex:1;margin-top:1rem}.status-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-warning);border:2px solid black;font-weight:700;font-size:.8rem;margin-top:var(--space-md);box-shadow:2px 2px #000}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-header>div{justify-content:space-between;width:100%}}.art-viewer-container{display:flex;flex-direction:column;height:100%}.viewer-header{display:grid;grid-template-columns:350px 1fr auto;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-lg)}.progress-indicators{display:flex;gap:var(--space-sm);flex-wrap:wrap}.progress-dot{width:16px;height:16px;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:50%;cursor:pointer;transition:all var(--transition-bounce)}.progress-dot.active{background-color:var(--color-dark);transform:scale(1.4)}.progress-dot.status-approved{background-color:var(--color-success)}.progress-dot.status-changes_requested{background-color:var(--color-danger)}.viewer-content{display:flex;flex:1;gap:120px;align-items:flex-start;justify-content:center;position:relative;padding-bottom:100px}.controls-panel{width:350px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:var(--space-lg)}.mobile-nav{display:none;justify-content:space-between;width:100%;margin-top:var(--space-md);margin-bottom:var(--space-md);padding:0 var(--space-sm);gap:var(--space-md)}.tooltip-add{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--color-dark);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap;animation:bounce 1.5s infinite;pointer-events:none}.tooltip-add:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--color-dark) transparent transparent transparent}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.action-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.btn-approve,.btn-reject{height:80px;font-size:1.5rem;width:100%;transition:transform .2s,box-shadow .2s}.btn-approve:hover,.btn-reject:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.comment-box{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);padding:var(--space-md);border-radius:var(--radius-sm)}.neo-textarea{width:100%;height:75px;margin:var(--space-xs) 0;padding:var(--space-sm);border:2px solid var(--border-color);font-family:inherit;resize:vertical;background:var(--bg-secondary);font-size:1rem}.comment-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);margin-top:1rem}.neo-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--color-dark);color:#fff;padding:var(--space-md) var(--space-lg);border:3px solid var(--color-primary);box-shadow:6px 6px #0003;font-weight:700;z-index:1000;display:flex;align-items:center;gap:var(--space-sm);animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275);width:90%;max-width:400px;justify-content:center}@keyframes toast-in{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.modal-content .neo-input{margin-top:var(--space-sm)}.actions-container{display:flex;gap:8px;justify-content:flex-end;align-items:center}@media(max-width:900px){.hide-on-mobile{display:none!important}.actions-container{width:100%;flex-direction:column;justify-content:center!important;align-items:center;gap:12px}.action-buttons-group{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.viewer-content{flex-direction:column;align-items:center;width:100%;gap:16px;justify-content:flex-start;padding:0 var(--space-sm) 120px var(--space-sm)}.preview-container-wrapper{width:100%}.controls-panel{width:100%;position:static;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm)}.action-buttons{flex-direction:row;gap:var(--space-sm);flex-wrap:wrap}.btn-approve,.btn-reject{height:60px;font-size:1.1rem;flex:1;min-width:140px}.art-column-wrapper{flex-direction:column;gap:16px}.prev-next-overlay{display:flex!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;padding:0!important;justify-content:center!important;gap:40px!important;pointer-events:none;z-index:10!important}.nav-btn{background-color:#fff;box-shadow:0 4px 8px #0003;border:2px solid var(--border-color);width:40px;height:40px;flex-shrink:0;pointer-events:auto;border-radius:50%}.mobile-nav{display:flex}.viewer-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.viewer-header>div{width:100%;justify-content:space-between}.progress-indicators{width:100%;overflow-x:visible;padding-bottom:4px;flex-wrap:wrap;justify-content:center!important}.folder-identity{max-width:100%}.filter-tabs-container{width:100%;overflow-x:auto;white-space:nowrap}}.art-column-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.prev-next-overlay{position:absolute;top:50%;left:50%;width:calc(100% + 160px);transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:space-between;padding:0;z-index:50}.nav-btn{pointer-events:auto;border-radius:50%!important;width:60px!important;height:60px!important;padding:0!important;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;background:#fff;border:3px solid black!important;box-shadow:4px 4px #000!important}.nav-btn:hover:not(:disabled){background:#f0f0f0;transform:translate(-2px,-2px);box-shadow:6px 6px #000!important}.nav-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000!important}.upload-dropzone{border:3px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;background-color:var(--bg-secondary);transition:background-color .2s}.upload-dropzone:hover{background-color:#e0ded6}.file-preview{text-align:center}.neo-chip{padding:8px 16px;border:2px solid var(--border-color);background:transparent;font-weight:700;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s}.neo-chip:hover{background-color:#f0f0f0}.neo-chip.active{background-color:var(--color-primary);color:#fff}.upload-field-group{margin-bottom:var(--space-sm)}.upload-label{font-weight:700;font-size:.85rem;color:var(--text-main);margin-bottom:2px}.progress-add{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;margin-left:var(--space-xs);transition:all .2s}.progress-add:hover{background:#f0f0f0;transform:scale(1.1)}.btn-approve-all{margin-top:var(--space-md);font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;border:2px solid var(--color-dark)!important}.btn-approve-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003!important}.carousel-dots{pointer-events:none}.upload-item-preview{width:120px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s;position:relative}.upload-item-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-item-preview .item-controls{opacity:0;transition:opacity .2s ease}.upload-item-preview:hover .item-controls,.upload-item-preview:focus-within .item-controls{opacity:1}@media(hover:none){.upload-item-preview .item-controls{opacity:1;background:#0000004d}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.public-view-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 16px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.public-header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;width:100%;box-sizing:border-box}.public-header-logo-container{width:200px;height:100px;background:#fff;border:3px solid black;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:4px 4px #000;flex-shrink:0}@media(min-width:1024px){.public-view-grid{grid-template-columns:520px 350px;justify-content:center;gap:24px;align-items:start}}.public-art-column{display:flex;justify-content:center;align-items:flex-start;width:100%}.public-art-wrapper{width:100%;max-width:100%}@media(max-width:768px){.public-art-column{padding:0}.public-view-grid{padding:0 8px;gap:16px}.public-art-wrapper{max-width:100%;width:100%;box-sizing:border-box}.public-header-container{padding:1rem}.public-header-logo-container{width:100px;height:56px;padding:4px;border-width:2px;box-shadow:3px 3px #000}.public-actions-column{width:calc(100% - 6px);position:relative;z-index:100}}.sticky-sidebar{position:sticky;top:32px}.rejection-container-public{width:100%;display:flex;flex-direction:column;background:#fff;padding:16px;border-radius:12px;border:2px solid black;box-shadow:4px 4px #000}@media(max-width:768px){.rejection-container-public{position:fixed;bottom:0;left:0;right:0;border-radius:0;border-top:4px solid black;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 15px #00000026;z-index:99999}}.action-btn-large{width:100%;padding:16px;border:3px solid black;box-shadow:4px 4px #000;font-weight:900;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;cursor:pointer;transition:all .2s;text-transform:uppercase;margin-bottom:16px}.action-btn-large:hover:not(:disabled){transform:translateY(-4px);box-shadow:6px 6px #000}.action-btn-large:active:not(:disabled){transform:translateY(0);box-shadow:2px 2px #000}.action-btn-large:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:4px 4px #000}.btn-approve-public{background-color:#10b981;color:#fff}.btn-reject-public{background-color:#ef4444;color:#fff}.history-card{margin-top:32px;background-color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);border-radius:var(--radius-md);padding:24px}.nav-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:16px;width:100%;max-width:500px}.nav-btn-text{background:transparent;border:2px solid black;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.nav-btn-text:hover:not(:disabled){background:#f0f0f0}.nav-btn-text:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.mode-story .insta-header{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 70%,transparent 100%)!important;border:none!important;z-index:20;color:#000!important;padding-top:16px;padding-left:16px}.mode-story .insta-username-text,.mode-story .insta-time-text,.mode-story .insta-dot-separator{color:#000!important;text-shadow:none!important;font-weight:600}.mode-story .insta-verified-badge svg{fill:#3b82f6;color:#fff;filter:none}.insta-header.mobile-top{display:flex;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #efefef;position:relative;z-index:10}.insta-avatar-container{margin-right:10px}.insta-avatar-ring{width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center}.insta-user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid white;background:#fff}.insta-user-info{display:flex;align-items:center;gap:4px;font-size:.9rem}.insta-username-text{font-weight:600;color:#262626}.insta-verified-badge{display:flex;align-items:center}.insta-dot-separator{color:#8e8e8e;font-size:.5rem;margin:0 2px}.insta-time-text{color:#8e8e8e;font-size:.85rem}@media(max-width:768px){.art-viewer-container{padding-top:1rem}.preview-container-wrapper{max-width:100%!important}.phone-mockup{width:100%}.insta-header.mobile-top{position:relative;margin-bottom:0;background:#fff;padding:10px 12px;border:none;box-shadow:none;border-radius:0;width:100%;box-sizing:border-box;z-index:100;border-bottom:1px solid #efefef}.art-image-container{border-radius:12px;overflow:hidden}}.insta-logo-container{width:120px;height:67px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:12px}.insta-agency-logo{width:100%;height:100%;object-fit:contain}.nav-arrows-public{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:0;width:100%}.neo-nav-btn{background:#fff!important;border:3px solid black!important;box-shadow:4px 4px #000!important;width:56px!important;height:56px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s!important;color:#000!important}.neo-nav-btn:hover:not(:disabled){transform:translate(-2px,-2px)!important;box-shadow:6px 6px #000!important}.neo-nav-btn:active:not(:disabled){transform:translate(2px,2px)!important;box-shadow:0 0 #000!important}.neo-nav-btn:disabled{opacity:.3!important;cursor:not-allowed!important;transform:none!important;box-shadow:2px 2px #000!important}.nav-counter-neo{font-size:1.25rem;font-weight:900;color:#000;background:#ffd600;padding:4px 16px;border:3px solid black;box-shadow:4px 4px #000;transform:rotate(-2deg)}@media(max-width:768px){.nav-arrows-public{gap:1rem;margin-top:.5rem;margin-bottom:0}.neo-nav-btn{width:48px!important;height:48px!important}.nav-counter-neo{font-size:1rem;padding:4px 12px}}.public-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:2rem;width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){.public-grid-container{grid-template-columns:repeat(3,1fr);padding:1rem;gap:12px}}@media(max-width:480px){.public-grid-container{grid-template-columns:repeat(2,1fr);padding:1rem;gap:12px}}.preview-frame{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;margin:0;position:relative}.phone-mockup{background:#fff!important;border:4px solid black!important;border-radius:50px!important;box-shadow:14px 14px #000!important;padding:14px!important;width:520px!important;max-width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.25,1,.5,1)}.mode-story .phone-mockup,.mode-reels .phone-mockup{height:auto;width:100%!important;max-width:450px!important}.mode-story .media-area,.mode-reels .media-area{aspect-ratio:9/16;width:100%;background:#000}.mode-feed .phone-mockup,.mode-carousel .phone-mockup{min-height:auto;width:100%!important;max-width:520px!important;aspect-ratio:auto}.art-view-header{background:#fff!important;border-top-left-radius:34px!important;border-top-right-radius:34px!important;position:relative;z-index:2;border-bottom:3px solid black!important}.media-area{background:#f8fafc;position:relative;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:100px}.copy-viewer-container{position:relative;width:100%;background:#fff!important;z-index:2;border-top:3px solid black!important;border-bottom-left-radius:34px!important;border-bottom-right-radius:34px!important}.btn-toggle-copy{width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#000}.copy-content{padding:20px;max-height:250px;overflow-y:auto;font-size:1rem;background:#fff!important;color:#000!important;font-weight:500;word-break:break-word;overflow-wrap:break-word}.copy-text{word-break:break-word;overflow-wrap:break-word}.video-container video{width:100%;height:100%;object-fit:cover}.approval-stamp,.reject-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5rem 1rem;border:4px solid;font-weight:900;font-size:2rem;letter-spacing:.1em;z-index:20;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:4px 4px #00000080;transform:translate(-50%,-50%) rotate(-5deg)}.approval-stamp{color:#10b981;border-color:#10b981}.reject-stamp{color:#ef4444;border-color:#ef4444;transform:translate(-50%,-50%) rotate(5deg)}.carousel-dots-external{margin-top:10px}.watermark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:900;font-size:3rem;color:#0000000d;transform:rotate(-30deg);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:5}@media(max-width:768px){.preview-frame{padding:4px 12px 12px 4px}.phone-mockup{width:calc(100% - 8px)!important;height:auto;border-radius:24px!important;border:4px solid black!important;box-shadow:8px 8px #000!important;padding:8px!important}.art-view-header{border-top-left-radius:16px!important;border-top-right-radius:16px!important;border-bottom:3px solid black!important}.copy-viewer-container{border-bottom-left-radius:16px!important;border-bottom-right-radius:16px!important;border-top:3px solid black!important}.watermark-overlay{font-size:2rem}.mode-story .phone-mockup,.mode-reels .phone-mockup{width:calc(100% - 8px)!important;max-height:none!important;height:auto!important}}.calendar-container{display:flex;flex-direction:column;height:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.calendar-legend{display:flex;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:.9rem}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-color)}.dot-feed{background-color:var(--color-primary)}.dot-story{background-color:var(--color-warning)}.dot-reels{background-color:var(--color-success)}.dot-carousel{background-color:#ff9f43}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:var(--border-width) solid var(--border-color);background-color:var(--border-color);gap:var(--border-width);flex:1}.calendar-day-header{background-color:var(--bg-secondary);padding:var(--space-sm);text-align:center;font-weight:900;font-size:1.1rem}.calendar-cell{background-color:#fff;min-height:120px;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.calendar-cell.empty{background-color:#f9f9f9}.day-number{font-weight:700;font-size:1.2rem;margin-bottom:var(--space-xs)}.event-chip{padding:4px 8px;border:2px solid var(--border-color);font-size:.8rem;font-weight:700;border-radius:4px;background:#fff;box-shadow:2px 2px 0 0 var(--border-color);cursor:pointer;transition:transform .1s}.event-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--border-color)}.type-feed{background-color:var(--color-primary);color:#fff}.type-story{background-color:var(--color-warning)}.type-reels{background-color:var(--color-success);color:#fff}.type-carousel{background-color:#ff9f43;color:#fff}@media(max-width:768px){.calendar-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.calendar-header>div:first-child{width:100%;justify-content:space-between}.heading-xl{font-size:1.5rem;text-align:center;flex:1}.calendar-legend{flex-wrap:wrap;width:100%;justify-content:flex-start}.calendar-grid{font-size:.8rem}.calendar-day-header{padding:4px;font-size:.8rem}.calendar-cell{min-height:80px;padding:4px}.day-number{font-size:.9rem}.event-chip{padding:2px 4px;font-size:.65rem}}.settings-container{padding-bottom:5rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-top:1.5rem;gap:1.5rem;flex-wrap:wrap}.header-title-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.header-icon-box{background-color:#000;color:#fff;padding:.5rem;border-radius:4px;transform:rotate(-2deg);display:flex}.header-subtitle{color:var(--text-muted);font-weight:700;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin-left:.25rem}.bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:900px){.bento-grid{grid-template-columns:repeat(12,1fr)}.col-span-5{grid-column:span 5}.col-span-7{grid-column:span 7}.col-span-12{grid-column:span 12}}.neo-card{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);border-radius:var(--radius-lg);overflow:hidden;position:relative}.id-card{display:flex;flex-direction:column}.id-header{background:#000;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.id-badge-text{font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:.5rem}.id-body{padding:1.5rem;position:relative;display:flex;gap:1rem}.photo-frame{position:relative;width:6rem;height:6rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:50%;box-shadow:2px 2px #0000001a;flex-shrink:0;overflow:hidden}.photo-img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;color:#ccc}.photo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer}.photo-frame:hover .photo-overlay{opacity:1}.hologram{height:12px;width:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);position:absolute;bottom:3rem;left:-10%;transform:rotate(-3deg);pointer-events:none;opacity:.4}.agency-name-input{width:100%;background:transparent;border:none;border-bottom:2px dashed #ccc;font-family:Outfit,sans-serif;font-weight:900;font-size:1.25rem;text-transform:uppercase;color:var(--text-main);padding:0 0 4px;outline:none}.agency-name-input:focus{border-bottom:2px solid black}.ticket-card{display:flex;flex-direction:column;min-height:200px}.ticket-main{flex:1;padding:1.5rem;position:relative;background:#f3f4f6}.ticket-main.active{background:linear-gradient(135deg,#fde047,#fef9c3)}.ticket-perforation{position:absolute;top:0;right:4rem;width:2px;height:100%;border-left:3px dashed rgba(0,0,0,.2);z-index:10}.cutout-top,.cutout-bottom{position:absolute;right:3.5rem;width:1.5rem;height:1.5rem;background-color:var(--bg-main);border-radius:50%;z-index:20;border:3px solid black}.cutout-top{top:-.85rem;border-top:none}.cutout-bottom{bottom:-.85rem;border-bottom:none}.ticket-stub{background:#fff;border-top:3px solid black;padding:1rem;display:flex;justify-content:space-between;align-items:center}.roster-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px double black;display:flex;justify-content:space-between;align-items:flex-end}.spiral-binding{position:absolute;top:1rem;left:0;width:100%;display:flex;justify-content:space-evenly;pointer-events:none;opacity:.15}.spiral-ring{width:8px;height:32px;background:#000;border-radius:4px}.roster-list{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:400px;padding:1rem}.roster-item{position:relative}.roster-item-shadow{position:absolute;top:4px;left:4px;width:100%;height:100%;background:#000;border-radius:8px;transition:all .2s}.roster-item-card{position:relative;background:#fff;border:2px solid black;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.sticky-note-form{margin-top:2rem;background:#fef08a;border:3px solid black;padding:1rem;border-radius:4px;position:relative;box-shadow:2px 2px 4px #0000001a}.tape-strip{display:none}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem}.form-input{background:#fff;border:2px solid black;padding:.5rem;font-size:.75rem;font-weight:700;outline:none}.danger-card{margin-top:1.5rem;background:#ef4444;border:3px solid black;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:8px 8px #ef4444}@media(min-width:768px){.danger-card{flex-direction:row}}.caution-strip{background:repeating-linear-gradient(45deg,#000,#000 10px,#facc15 10px 20px);width:100%;height:2rem;border-bottom:3px solid black}@media(min-width:768px){.caution-strip{width:2rem;height:auto;border-bottom:none}}.roster-item:hover .roster-item-card{transform:translate(-2px,-2px)}.roster-item:hover .roster-item-shadow{top:6px;left:6px}.roster-item-card{position:relative;background:#fff;border:2px solid black;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s;z-index:10}.roster-item-shadow{position:absolute;top:4px;left:4px;width:100%;height:100%;background:#000;border-radius:8px;transition:all .2s;z-index:0}.neo-icon-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid black;border-radius:4px;cursor:pointer;transition:all .2s}.neo-icon-btn:hover{transform:translate(-2px,-2px);box-shadow:2px 2px #000}.neo-icon-btn.delete-btn:hover{background:#ef4444;color:#fff}.toggle-switch{position:relative;width:3.5rem;height:1.75rem;background:#e5e7eb;border:3px solid black;border-radius:99px;cursor:pointer;transition:background .2s}.toggle-switch.active{background:#4ade80}.toggle-thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border:2px solid black;border-radius:50%;transition:transform .2s}.toggle-switch.active .toggle-thumb{transform:translate(1.75rem)}.cancel-btn-confirm{background:#fff;color:#dc2626;border:2px solid white;font-weight:900;padding:.5rem 1rem;text-transform:uppercase;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-btn-confirm:hover:not(:disabled){background:#dc2626;color:#fff}.cancel-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.neo-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.neo-modal-content{background:#fff;border:3px solid black;box-shadow:8px 8px #000;width:90%;max-width:500px;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:root{--neo-yellow: #FFDE59;--neo-pink: #FF90E8;--neo-green: #23A094;--neo-black: #0E0E0E;--neo-white: #FFFFFF;--neo-bg: #F0F0EB;--neo-purple: #B28DFF;--neo-orange: #FFB347}.landing-container{background-color:var(--neo-bg);min-height:100vh;color:var(--neo-black);font-family:Inter,sans-serif;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;border-bottom:3px solid var(--neo-black);background:var(--neo-white);position:sticky;top:0;z-index:100}.landing-logo{height:42px;width:auto}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{font-weight:700;color:var(--neo-black);text-decoration:none;font-size:1rem}.hero-section{padding:4rem 5% 6rem;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;background-color:var(--neo-white);background-image:linear-gradient(#e5e5e5 1px,transparent 1px),linear-gradient(90deg,#e5e5e5 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.hero-title{font-size:4.5rem;font-weight:900;line-height:.95;text-transform:uppercase;margin-bottom:1.5rem;letter-spacing:-2px}.highlight-bg{background:var(--neo-yellow);padding:0 10px;display:inline-block;transform:skew(-10deg)}.new-version-badge{display:inline-block;background:var(--neo-green);padding:4px 12px;font-weight:700;border:2px solid black;margin-bottom:1rem;transform:rotate(-2deg);box-shadow:3px 3px #000;color:#fff}.float-badge{position:absolute;padding:1rem;border:3px solid black;font-weight:700;z-index:3;box-shadow:5px 5px #000;transform:rotate(10deg)}.phone-mockup{background:#000;border:4px solid #000;border-radius:40px;box-shadow:20px 20px #0003;padding:10px;width:320px;margin:0 auto;position:relative}.phone-screen{background:#eee;border-radius:32px;height:650px;overflow:hidden;position:relative;border:1px solid #333}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:20}.phone-header-overlay{padding:40px 16px 12px;color:#fff;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.status-pill{background:#fff3;padding:4px 8px;border-radius:12px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone-controls{padding:20px 20px 40px;position:absolute;bottom:0;width:100%;box-sizing:border-box;display:flex;gap:12px}.phone-btn{flex:1;color:#fff;border:2px solid white;border-radius:12px;padding:14px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0000004d}.phone-btn.approve{background:#27c93f}.phone-btn.reject{background:#ff5f56}.marquee-container{background:var(--neo-black);color:var(--neo-yellow);border-top:4px solid black;border-bottom:4px solid black;padding:1.5rem;overflow:hidden;white-space:nowrap}.marquee-content{font-size:2rem;font-weight:900;display:inline-block;letter-spacing:2px}.section-full{padding:6rem 5%;border-bottom:3px solid black}.section-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.section-title-lg{font-size:3.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem;line-height:1}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.bento-card{background:#fff;border:3px solid black;border-radius:12px;padding:2rem;display:flex;flex-direction:column;position:relative;box-shadow:6px 6px #000;transition:transform .2s;min-height:320px}.card-large{grid-column:span 2;background:var(--neo-white);background-image:radial-gradient(var(--neo-yellow) 1px,transparent 1px);background-size:20px 20px}.card-badge{background:#000;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px;align-self:flex-start;margin-bottom:1rem}.bg-yellow{background-color:var(--neo-yellow)}.bg-purple{background-color:var(--neo-purple)}.bg-green{background-color:var(--neo-green)}.bg-pink{background-color:var(--neo-pink)}.card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid black;margin-bottom:1rem}.card-title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;line-height:1.1}.card-desc{font-size:1rem;opacity:.8;margin-bottom:1.5rem}.visual-flow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:1rem;background:#f8f8f8;border:2px solid black;border-radius:8px}.flow-icon{width:50px;height:50px;background:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #0000001a}.flow-line{flex:1;height:3px;background:#000;margin:0 10px}.mini-folder-stack{position:relative;height:80px;margin-top:auto}.mini-folder{width:80%;height:60px;border:2px solid black;border-radius:8px;position:absolute;box-shadow:2px 2px #0003}.team-mockup-card{background:#fff;border:3px solid black;border-radius:12px;box-shadow:12px 12px 0 0 var(--neo-purple);overflow:hidden;max-width:400px;margin:0 auto}.team-header{background:var(--neo-purple);padding:1rem;font-weight:900;border-bottom:3px solid black;text-transform:uppercase}.team-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.team-member{display:flex;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid black;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.avatar.admin{background:var(--neo-yellow)}.avatar.editor{background:#eee}.info .name{font-weight:700;font-size:.9rem}.info .role{font-size:.8rem;opacity:.6}.invite-btn{width:100%;padding:1rem;background:#000;color:#fff;font-weight:700;border:none;cursor:pointer}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start;margin-top:3rem}.pricing-card{background:#fff;border:3px solid black;border-radius:12px;padding:2rem;text-align:left;position:relative;box-shadow:6px 6px #000;transition:transform .2s}.pricing-card.highlight{background:var(--neo-white);transform:scale(1.05);box-shadow:12px 12px #000;z-index:2;border-color:#000}.pop-badge{position:absolute;top:-15px;right:20px;background:var(--neo-green);color:#fff;padding:4px 12px;font-weight:900;border:2px solid black;transform:rotate(2deg);box-shadow:2px 2px #000}.plan-name{font-size:2rem;font-weight:900;margin-bottom:.5rem}.plan-price{font-size:2.5rem;font-weight:900}.period{font-size:1rem;opacity:.6;font-weight:500}.plan-features{list-style:none;padding:0;margin-bottom:2rem}.plan-features li{display:flex;gap:8px;margin-bottom:10px;font-weight:500}.plan-features li.disabled{opacity:.5;text-decoration:line-through}.billing-toggle{display:inline-flex;background:#fff;border:3px solid black;border-radius:99px;padding:4px;box-shadow:4px 4px #000}.billing-toggle button{padding:10px 24px;border-radius:99px;border:none;background:transparent;font-weight:700;cursor:pointer;font-size:1rem}.billing-toggle button.active{background:#000;color:#fff}.discount-badge{background:var(--neo-yellow);color:#000;font-size:.7rem;padding:2px 6px;border-radius:4px;margin-left:6px;border:1px solid black}.w-full{width:100%;text-align:center}.neo-btn-primary{background:var(--neo-green);color:var(--neo-white);padding:1.25rem 3rem;font-size:1.25rem;font-weight:900;border:3px solid var(--neo-black);box-shadow:6px 6px 0 0 var(--neo-black);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;border-radius:8px}.neo-btn-primary:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 0 var(--neo-black)}.neo-btn-secondary{background:var(--neo-white);color:var(--neo-black);padding:.75rem 1.5rem;font-size:1rem;font-weight:800;border:2px solid var(--neo-black);box-shadow:3px 3px 0 0 var(--neo-black);cursor:pointer;text-decoration:none;display:inline-block;border-radius:6px}.neo-btn-secondary:hover{background:var(--neo-yellow);transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--neo-black)}.landing-footer{background:var(--neo-black);color:var(--neo-white);padding:4rem 5%;text-align:center;border-top:4px solid var(--neo-black)}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:3rem 1.5rem}.hero-title{font-size:3rem}.bento-grid{grid-template-columns:1fr}.card-large{grid-column:span 1}.section-split{grid-template-columns:1fr;gap:2rem;text-align:center}.pricing-card.highlight{transform:none}.visual-flow{flex-wrap:wrap;justify-content:center;gap:1rem}.flow-line{display:none}}@media(max-width:768px){.landing-nav{flex-direction:column;gap:1rem;padding:1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.section-title-lg{font-size:2.5rem}.phone-mockup{width:100%;max-width:280px}.neo-btn-primary{padding:1rem 1.5rem;font-size:1rem}}.not-found-container{min-height:100vh;background-color:#fef08a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#000;font-family:Outfit,sans-serif}.noise-overlay{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.not-found-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:2rem;max-width:600px}.error-code-wrapper{position:relative}.error-code{font-size:10rem;font-weight:900;line-height:1;margin:0;color:#000;position:relative;z-index:2;text-shadow:4px 4px 0px white}.error-shadow{position:absolute;top:10px;left:10px;font-size:10rem;font-weight:900;color:#ef4444;z-index:1;opacity:.8}.message-box{background:#fff;border:4px solid black;padding:2rem;border-radius:8px;box-shadow:8px 8px #000;position:relative;transform:rotate(-2deg);max-width:90%}.tape-strip{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(2deg);width:120px;height:30px;background:#fff9;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}.icon-wrapper{display:inline-flex;padding:1rem;background:#ef4444;border:3px solid black;border-radius:50%;margin-bottom:1rem;color:#fff}.heading-xl{font-size:2rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem}.not-found-text{font-size:1.125rem;font-weight:700;line-height:1.5}.neo-btn-primary{display:inline-flex;align-items:center;gap:.75rem;background:#000;color:#fff;border:3px solid black;padding:1rem 2rem;font-size:1.125rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:6px 6px #ffffff80}.neo-btn-primary:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #ffffff80;background:#22c55e;color:#000}.neo-btn-primary:active{transform:translate(0);box-shadow:0 0 #000}.decorative-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.shape{position:absolute;border:3px solid black;background:#fff;opacity:.6}.shape-1{width:100px;height:100px;top:10%;left:10%;border-radius:50%;background:#4ade80}.shape-2{width:150px;height:150px;bottom:15%;right:5%;background:#3b82f6;transform:rotate(15deg)}.shape-3{width:80px;height:80px;top:40%;left:80%;background:#ef4444;clip-path:polygon(50% 0%,0% 100%,100% 100%);border:none}@media(max-width:640px){.error-code,.error-shadow{font-size:6rem}.heading-xl{font-size:1.5rem}}
