*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:pink;--secondary-color:#333;--accent-color:#fff;--hover-color:#e8aeb8;--font-elegant-title:"Didot",serif;--font-beautiful-text:"Avenir Light",sans-serif;--font-sophisticated-subtitle:"Termina Testdemine",sans-serif;--font-sophisticated-subtitle2:"Termina Testlight",sans-serif;--font-cursive:"Antically Regular",cursive;--font-jolly:"Great Vibes",cursive}body,html{background-color:#e8e6e6;color:#000;font-family:var(--font-beautiful-text);line-height:1.6}h1{font-family:var(--font-elegant-title);font-size:60px}h1,h2{margin-bottom:.5em}h2{font-family:var(--font-sophisticated-subtitle);font-size:50px}h3{font-family:var(--font-sophisticated-subtitle2);font-size:40px}h3,h4{margin-bottom:.5em}h4{font-family:var(--font-jolly);font-size:30px}p{font-family:var(--font-beautiful-text);font-size:1rem;margin-bottom:1em}.logo img{height:48px}nav{align-items:center;background-color:var(--accent-color);border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 2rem}nav a{color:var(--secondary-color);font-weight:500;margin-left:1.5rem;text-decoration:none}nav a:hover{color:var(--primary-color)}.button{background-color:var(--primary-color);border:none;border-radius:30px;color:var(--accent-color);cursor:pointer;font-family:var(--font-beautiful-text);font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.button:hover{background-color:var(--hover-color)}.button-waitlist{font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase}section{padding:4rem 2rem}.container{margin:0 auto;max-width:1200px}.hero-title{font-family:var(--font-sophisticated-subtitle);font-size:2.2rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;text-transform:uppercase}.coming-soon{font-size:2.5rem;margin:2rem 0}.coming-soon,.footer{color:var(--secondary-color);font-family:var(--font-elegant-title);text-align:center}.footer{background-color:var(--accent-color);border-top:1px solid #eee;font-size:.9rem;padding:2rem}.logo-container{margin-bottom:30px}.logo{font-size:60px;margin-bottom:20px}.tagline{color:#555;font-size:20px;margin-bottom:60px}.features{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.feature-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:30px;text-align:left;transition:transform .3s,box-shadow .3s}.feature-item:hover{box-shadow:0 6px 15px rgba(0,0,0,.1);transform:translateY(-5px)}.feature-icon{font-size:40px;margin-bottom:20px}.feature-text h3{color:#333;font-size:20px;margin:0 0 10px}.feature-text p{color:#666;line-height:1.5;margin:0}.action-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.primary-btn,.secondary-btn{border-radius:6px;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s}.primary-btn{background-color:#0070f3;box-shadow:0 4px 14px rgba(0,112,243,.4);color:#fff}.primary-btn:hover{background-color:#0060df;box-shadow:0 6px 20px rgba(0,112,243,.5);text-decoration:none}.secondary-btn{background-color:#fff;border:1px solid #ddd;color:#333}.secondary-btn:hover{background-color:#f5f5f5;text-decoration:none}.footer-links{margin-top:10px}.footer-links a{color:#666;margin:0 10px;text-decoration:none}.footer-links a:hover{color:#0070f3;text-decoration:underline}.loading{align-items:center;color:#666;display:flex;justify-content:center;padding:20px}.error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;margin-bottom:16px;padding:12px 16px}@media (max-width:768px){.action-buttons{flex-direction:column;gap:15px}.primary-btn,.secondary-btn{width:100%}.logo{font-size:40px}h1{font-size:28px}.tagline{font-size:18px;margin-bottom:40px}}.avatar-circle{align-items:center;background-color:#1a1a2e;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:70px;justify-content:center;margin-right:20px;width:70px}.avatar-info{flex:1}.user-name{font-size:20px;font-weight:600;margin-bottom:5px}.user-email{color:#666;font-size:16px}.info-section{background-color:#f9fafc;border-radius:8px;padding:15px}.info-row{border-bottom:1px solid #eee;display:flex;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;flex-shrink:0;font-weight:500;width:120px}.info-value{flex:1}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;text-transform:uppercase}.status-badge.admin{background-color:#f6ffed;color:#52c41a}.status-badge.manager{background-color:#e6f7ff;color:#1890ff}.status-badge.standard{background-color:#f5f5f5;color:#666}.preferences-section{display:flex;flex-direction:column;gap:20px}.preference-item{border-bottom:1px solid #eee;padding-bottom:20px}.preference-item:last-child{border-bottom:none}.preference-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px}.preference-description{color:#666;font-size:14px;margin:5px 0}.preference-select{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:10px;width:100%}.preference-actions{display:flex;justify-content:flex-end;margin-top:10px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#0070f3}input:checked+.toggle-slider:before{transform:translateX(26px)}.danger-button,.primary-button,.secondary-button{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.primary-button{background-color:#0070f3;color:#fff}.primary-button:hover{background-color:#0060df}.secondary-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.secondary-button:hover{background-color:#e9e9e9}.danger-button{background-color:#ff4d4f;color:#fff}.danger-button:hover{background-color:#ff1f1f}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:400px;padding:25px;width:100%}.modal-content h3{margin-bottom:15px;margin-top:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.error-message{color:#d32f2f}.error-message,.warning-message{background-color:#ffebee;border-radius:4px;margin-bottom:15px;padding:10px}.warning-message{color:orange}.success-message{background-color:#ffebee;border-radius:4px;color:green;margin-bottom:15px;padding:10px}.drop-area{background-color:#fafafa;border:2px dashed #ccc;cursor:pointer;padding:20px;text-align:center;transition:border-color .3s}.drop-area:hover{border-color:#0070f3}.uploaded-preview{height:auto;margin-top:10px;max-width:80%}.drag-drop-uploader{padding:10px}.drag-drop-uploader .uploader-drop-area{background:#f8f8f8;border:2px dashed #ccc;cursor:pointer;padding:20px;text-align:center}.drag-drop-uploader .uploader-preview{display:block;margin:10px auto;max-width:100%}.drag-drop-uploader .uploader-button{background-color:#0070f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:.875rem;font-weight:500;margin-top:15px;padding:.5rem 1rem;transition:background-color .2s ease}.drag-drop-uploader .uploader-button:hover{background-color:#005bb5}.hidden{display:none}