@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.admin-panel{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Space Mono,monospace;overflow:hidden}.admin-panel-loading,.admin-panel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);color:var(--text-primary);gap:1rem}.admin-panel-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-panel-back-btn{padding:.75rem 1.5rem;background:var(--accent-primary);color:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:0;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 var(--shadow-accent)}.admin-panel-back-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-accent)}.admin-sidebar{width:256px;background:var(--bg-secondary);border-right:2px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-header{padding:1.5rem;border-bottom:2px solid var(--border-primary)}.admin-logo{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.2em;margin:0;text-transform:uppercase}.admin-subtitle{color:var(--text-quaternary);font-size:.75rem;margin:.25rem 0 0;letter-spacing:.1em;text-transform:uppercase}.admin-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:0;color:var(--text-quaternary);font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Space Mono,monospace;letter-spacing:.05em}.admin-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.admin-nav-item.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:4px 4px 0 var(--shadow-accent);font-weight:700}.admin-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.admin-sidebar-footer{padding:1rem;border-top:2px solid var(--border-primary)}.admin-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem}.admin-user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700;font-size:.875rem;flex-shrink:0}.admin-user-details{flex:1;min-width:0}.admin-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-email{color:var(--text-quaternary);font-size:.75rem;margin:.25rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-main{flex:1;overflow-y:auto;background:var(--bg-primary)}.admin-section{padding:2rem}.admin-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem}.admin-section-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:.05em}.admin-section-subtitle{color:var(--text-quaternary);font-size:.875rem;margin:0}.admin-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:0;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 var(--shadow-accent);font-family:Space Mono,monospace;letter-spacing:.05em;white-space:nowrap}.admin-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-accent)}.admin-btn-secondary{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:0;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Space Mono,monospace;text-align:left;white-space:nowrap}.admin-modal-footer .admin-btn-secondary{width:auto;min-width:140px;text-align:center}.admin-btn-secondary:hover{border-color:var(--border-tertiary);background:var(--bg-quaternary)}.admin-btn-icon{width:1rem;height:1rem}.admin-save-btn{margin-top:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stats-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-primary);transition:all .2s ease}.admin-stats-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-primary);border-color:var(--border-tertiary)}.admin-stats-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.admin-stats-icon-wrapper{width:3rem;height:3rem;background:var(--accent-quaternary);border-radius:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent-primary)}.admin-stats-icon{width:1.5rem;height:1.5rem;color:var(--accent-primary)}.admin-stats-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.admin-stats-trend.up{color:#4ade80}.admin-stats-trend.down{color:#f87171}.admin-trend-icon{width:1rem;height:1rem}.admin-stats-label{color:var(--text-quaternary);font-size:.875rem;margin:0 0 .5rem;font-weight:400}.admin-stats-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.admin-dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.admin-content-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-primary)}.admin-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.admin-card-subtitle{color:var(--text-quaternary);font-size:.875rem;margin:0 0 1.5rem}.admin-chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px dashed var(--border-secondary);color:var(--text-quaternary);font-size:.875rem}.admin-activity-list{display:flex;flex-direction:column;gap:1rem}.admin-activity-item{display:flex;align-items:flex-start;gap:.75rem}.admin-activity-icon{width:2rem;height:2rem;padding:.5rem;background:var(--accent-quaternary);border:2px solid var(--accent-primary);border-radius:0;color:var(--accent-primary);flex-shrink:0}.admin-activity-item>div{flex:1}.admin-activity-item p{color:var(--text-primary);font-size:.875rem;margin:0 0 .25rem}.admin-activity-item span{color:var(--text-quaternary);font-size:.75rem}.admin-search-wrapper{margin-bottom:1.5rem}.admin-search{position:relative;width:100%}.admin-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-quaternary);pointer-events:none}.admin-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;color:var(--text-primary);font-size:.875rem;font-family:Space Mono,monospace;transition:all .2s ease}.admin-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-quaternary)}.admin-search-input::placeholder{color:var(--text-quaternary)}.admin-table-wrapper{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;overflow:hidden;box-shadow:4px 4px 0 var(--shadow-primary)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.admin-table th{padding:1rem 1.5rem;text-align:left;color:var(--text-quaternary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr{border-bottom:1px solid var(--border-secondary);transition:background .2s ease}.admin-table tbody tr:hover{background:var(--bg-tertiary)}.admin-table td{padding:1rem 1.5rem;color:var(--text-primary);font-size:.875rem}.admin-badge{display:inline-block;padding:.25rem .75rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-badge.published{background:#4ade8033;color:#4ade80;border:1px solid #4ade80}.admin-badge.draft{background:#fbbf2433;color:#fbbf24;border:1px solid #fbbf24}.admin-badge.active{background:#4ade8033;color:#4ade80;border:1px solid #4ade80}.admin-table-actions{display:flex;align-items:center;gap:.5rem}.admin-action-btn{padding:.5rem;background:transparent;border:1px solid var(--border-secondary);border-radius:0;color:var(--text-quaternary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-tertiary);color:var(--text-primary)}.admin-action-icon{width:1rem;height:1rem}.admin-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-user-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-primary);transition:all .2s ease}.admin-user-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-primary);border-color:var(--border-tertiary)}.admin-user-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.admin-user-card-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700;font-size:1.25rem}.admin-user-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.admin-user-card-email{color:var(--text-quaternary);font-size:.875rem;margin:0 0 .25rem}.admin-user-card-role{color:var(--accent-primary);font-size:.875rem;margin:0 0 1rem;font-weight:600}.admin-user-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-secondary)}.admin-user-card-footer span{color:var(--text-quaternary);font-size:.75rem}.admin-settings-grid{display:flex;flex-direction:column;gap:1.5rem}.admin-settings-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-primary)}.admin-settings-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.admin-settings-icon-wrapper{width:2.5rem;height:2.5rem;background:var(--accent-quaternary);border:2px solid var(--accent-primary);border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-settings-icon{width:1.25rem;height:1.25rem;color:var(--accent-primary)}.admin-settings-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.admin-settings-card-subtitle{color:var(--text-quaternary);font-size:.875rem;margin:0}.admin-settings-form{display:flex;flex-direction:column;gap:1rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{color:var(--text-quaternary);font-size:.875rem;font-weight:600}.admin-input{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0;color:var(--text-primary);font-size:.875rem;font-family:Space Mono,monospace;transition:all .2s ease}.admin-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-quaternary)}.admin-toggle-group{display:flex;align-items:center;justify-content:space-between}.admin-toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.admin-toggle-description{color:var(--text-quaternary);font-size:.75rem;margin:0}.admin-toggle{position:relative;width:3rem;height:1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:0;cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-toggle.active{background:var(--accent-primary);border-color:var(--accent-primary)}.admin-toggle-slider{position:absolute;top:2px;left:2px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);background:var(--bg-primary);transition:transform .2s ease}.admin-toggle.active .admin-toggle-slider{transform:translate(calc(1.5rem - 2px))}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.admin-modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:42rem;min-width:20rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;box-shadow:8px 8px 0 var(--shadow-accent);z-index:50;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--border-primary)}.admin-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;letter-spacing:.05em}.admin-modal-close{padding:.5rem;background:transparent;border:none;color:var(--text-quaternary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:0}.admin-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-modal-close-icon{width:1.25rem;height:1.25rem}.admin-modal-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.admin-form-label{display:block;color:var(--text-quaternary);font-size:.875rem;margin-bottom:.5rem;font-weight:600}.admin-image-upload-wrapper{position:relative}.admin-image-upload-input{display:none}.admin-image-upload-label{display:block;width:100%;background:var(--bg-primary);border:2px dashed var(--border-primary);border-radius:0;padding:2rem;cursor:pointer;transition:all .2s ease}.admin-image-upload-label:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.admin-image-preview-wrapper{position:relative}.admin-image-preview{width:100%;height:12rem;object-fit:cover;border-radius:0;border:2px solid var(--border-primary)}.admin-image-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .2s ease;border-radius:0;display:flex;align-items:center;justify-content:center}.admin-image-preview-wrapper:hover .admin-image-preview-overlay{opacity:1}.admin-image-upload-icon{width:2rem;height:2rem;color:var(--text-primary)}.admin-image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.admin-image-placeholder-icon{width:3rem;height:3rem;color:var(--text-quaternary);margin-bottom:.75rem}.admin-image-placeholder-text{color:var(--text-quaternary);margin:0 0 .25rem;font-size:.875rem}.admin-image-placeholder-subtext{color:var(--text-quinary);font-size:.75rem;margin:0}.admin-avatar-preview-wrapper{display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0}.admin-avatar-preview{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--border-primary);box-shadow:4px 4px 0 var(--shadow-primary)}.admin-user-stats{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0}.admin-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-secondary)}.admin-stat-item:last-child{border-bottom:none}.admin-stat-label{color:var(--text-quaternary);font-size:.875rem;font-weight:600}.admin-stat-value{color:var(--text-primary);font-size:.875rem;font-weight:700}.admin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:2px solid var(--border-primary);flex-shrink:0}.admin-modal-footer .admin-btn-primary,.admin-modal-footer .admin-btn-secondary{min-width:140px;padding:.75rem 1.5rem;white-space:nowrap;font-size:.875rem}.admin-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-quaternary);font-size:1rem}.admin-user-card-actions{display:flex;gap:.5rem}.admin-user-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 1024px){.admin-dashboard-content{grid-template-columns:1fr}}@media (max-width: 768px){.admin-panel{flex-direction:column}.admin-sidebar{width:100%;height:auto;border-right:none;border-bottom:2px solid var(--border-primary)}.admin-nav{flex-direction:row;overflow-x:auto;padding:.5rem}.admin-nav-item{white-space:nowrap;min-width:fit-content}.admin-section{padding:1rem}.admin-section-header{flex-direction:column;align-items:flex-start}.admin-stats-grid,.admin-users-grid{grid-template-columns:1fr}}.questionnaire-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.questionnaire-modal{background:linear-gradient(135deg,gold,orange,#6f7fd4);border:3px solid rgba(255,255,255,.4);border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px #00000080,0 0 80px #ffd70066,inset 0 0 40px #fff3;overflow:hidden}.questionnaire-close{position:absolute;top:1rem;right:1rem;background:#050607cc;border:2px solid rgba(255,255,255,.5);font-size:2rem;cursor:pointer;color:gold;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-weight:700;box-shadow:0 4px 8px #0000004d}.questionnaire-close:hover{background:#050607;border-color:#fffc;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 12px #0006}.questionnaire-header{padding:2rem 2rem 1rem;border-bottom:3px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.questionnaire-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#050607;text-shadow:2px 2px 0 rgba(255,255,255,.5),4px 4px 8px rgba(0,0,0,.2)}.questionnaire-progress{color:#050607;font-size:.9rem;font-weight:600;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.questionnaire-content{flex:1;overflow-y:auto;padding:2rem;background:#ffffff0d}.questionnaire-section h3{margin:0 0 1.5rem;font-size:1.2rem;font-weight:700;color:#050607;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:.5rem;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.questionnaire-question{margin-bottom:2rem}.questionnaire-question label:first-child{display:block;margin-bottom:1rem;font-weight:600;color:#050607;font-size:1rem;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.questionnaire-option{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff3;border:2px solid transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.questionnaire-option:hover{background:#fff6;border-color:#fff9;transform:translate(5px);box-shadow:0 4px 8px #0003}.questionnaire-option input[type=radio],.questionnaire-option input[type=checkbox]{margin-right:.75rem;width:20px;height:20px;cursor:pointer;accent-color:#050607;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.questionnaire-option input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.questionnaire-footer{padding:1.5rem 2rem;border-top:3px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.questionnaire-btn{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.questionnaire-btn:disabled{opacity:.5;cursor:not-allowed}.questionnaire-btn-back{background:#ffffff4d;color:#050607;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.questionnaire-btn-back:hover:not(:disabled){background:#ffffff80;border-color:#fffc;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.questionnaire-btn-next,.questionnaire-btn-submit{background:#050607;color:gold;border:3px solid #050607;margin-left:auto;box-shadow:0 4px 8px #0000004d}.questionnaire-btn-next:hover:not(:disabled),.questionnaire-btn-submit:hover:not(:disabled){background:#050607e6;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #0006}@media (max-width: 768px){.questionnaire-modal{max-width:100%;max-height:100vh;border-radius:0}.questionnaire-header,.questionnaire-content,.questionnaire-footer{padding:1.5rem}}.questionnaire-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:2rem}.questionnaire-result-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;padding:3rem 2rem;position:relative;box-shadow:0 20px 60px #0000004d;text-align:center}.questionnaire-result-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#333;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.questionnaire-result-close:hover{background:#f0f0f0}.questionnaire-result-title{font-size:2rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.questionnaire-result-description{font-size:1.1rem;margin:0;line-height:1.5;font-weight:400}@media (max-width: 768px){.questionnaire-result-modal{padding:2rem 1.5rem}.questionnaire-result-title{font-size:1.5rem}.questionnaire-result-description{font-size:1rem}}.review-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-secondary)}.review-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.review-section-title{font-size:1.8rem;text-transform:uppercase;letter-spacing:.1em;margin:0;color:var(--text-primary)}.review-summary{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.average-rating{display:flex;align-items:center;gap:.8rem}.average-rating-value{font-size:2rem;font-weight:700;color:var(--accent-primary)}.total-reviews{font-size:.9rem;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.1em}.star-rating{display:flex;gap:.2rem;align-items:center}.star{font-size:1.5rem;color:#ffffff4d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.star.filled{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.star.interactive{cursor:pointer}.star.interactive:hover{transform:scale(1.2);color:gold}.review-form{background:var(--bg-tertiary);border:2px solid var(--border-secondary);padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:6px 6px 0 var(--shadow-primary)}.review-form-group{margin-bottom:1.5rem}.review-form-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-quaternary);margin-bottom:.8rem}.review-form-label .optional{font-size:.75rem;color:var(--text-quinary);font-style:italic}.review-stars-input{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rating-text{font-size:.9rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.review-comment-input{width:100%;background:var(--bg-quaternary);border:1px solid var(--border-secondary);padding:1rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease;box-sizing:border-box}.review-comment-input:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-quaternary)}.review-comment-input::placeholder{color:var(--text-quinary)}.review-message{padding:1rem 1.5rem;margin-bottom:1rem;border-radius:4px;font-size:.9rem;transition:all .3s ease}.review-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.review-message.error{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.review-submit-btn{background:var(--bg-tertiary);border:2px solid var(--accent-secondary);color:var(--text-primary);padding:1rem 2rem;cursor:pointer;font-family:inherit;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;width:100%;max-width:300px}.review-submit-btn:hover:not(:disabled){background:var(--accent-quaternary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.review-submit-btn:disabled{opacity:.6;cursor:not-allowed}.review-login-prompt{text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;margin-bottom:2rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.reviews-loading,.reviews-empty{text-align:center;padding:3rem 2rem;color:var(--text-tertiary);font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.review-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-primary);transition:all .3s ease}.review-item:hover{border-color:var(--accent-tertiary);box-shadow:6px 6px 0 var(--shadow-accent);transform:translate(-2px,-2px)}.review-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.review-user-info{display:flex;flex-direction:column;gap:.3rem}.review-user-email{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.review-date{font-size:.75rem;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.1em}.review-item-rating{flex-shrink:0}.review-comment{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.light-mode .star{color:#0506074d}.light-mode .star.filled{color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.light-mode .review-comment{color:var(--text-primary)}@media (max-width: 720px){.review-section-header{flex-direction:column;align-items:flex-start}.review-summary{width:100%}.review-item-header{flex-direction:column}}.details-page{min-height:100vh;padding:calc(80px + 2.5rem) clamp(1.5rem,5vw,5rem) 3rem;background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);transition:background .3s ease}.details-nav-buttons{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;width:100%}.details-back-btn,.details-next-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);padding:.8rem 1.5rem;cursor:pointer;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.details-back-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.details-next-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.details-container{max-width:1200px;margin:0 auto}.details-banner{width:100%;height:400px;margin-bottom:3rem;border-radius:8px;overflow:hidden;border:2px solid var(--border-secondary);box-shadow:10px 10px 0 var(--shadow-accent)}.details-banner-img{width:100%;height:100%;object-fit:cover}.details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}.details-title-section{flex:1;display:flex;flex-direction:column;gap:1rem}.details-title{font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;letter-spacing:.1em;margin:0;color:var(--text-primary);line-height:1.2}.details-price,.details-level{font-size:1.2rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.details-bookmark-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .2s ease;flex-shrink:0}.details-bookmark-btn:hover{transform:scale(1.15);background:var(--bg-quaternary);border-color:var(--accent-secondary);box-shadow:0 0 10px var(--shadow-accent)}.details-bookmark-btn.bookmarked{background:#ff4d4d33;border-color:#ff4d4d80}.details-content{display:flex;flex-direction:column;gap:2.5rem}.details-section{padding:2rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;box-shadow:6px 6px 0 var(--shadow-primary);transition:all .3s ease}.details-section:hover{border-color:var(--accent-tertiary);box-shadow:8px 8px 0 var(--shadow-accent)}.details-section-title{font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;color:var(--text-primary);border-bottom:2px solid var(--border-secondary);padding-bottom:.5rem}.details-text{font-size:1rem;line-height:1.8;color:var(--text-tertiary);margin:0;white-space:pre-wrap}.details-loading,.details-error{text-align:center;padding:4rem 2rem;color:var(--text-tertiary)}.details-error p{font-size:1.2rem;margin-bottom:2rem}@media (max-width: 720px){.details-banner{height:250px}.details-header{flex-direction:column}.details-title{font-size:2rem}.details-section{padding:1.5rem}}.order-page{min-height:100vh;padding:calc(80px + 2.5rem) clamp(1.5rem,5vw,5rem) 3rem;background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);transition:background .3s ease}.order-back-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);padding:.8rem 1.5rem;margin-bottom:2rem;cursor:pointer;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.order-back-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.order-container{max-width:1200px;margin:0 auto}.order-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-secondary)}.order-title{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:var(--text-primary)}.order-service-info h2{font-size:1.8rem;margin:0 0 .5rem;color:var(--text-primary)}.order-service-category{font-size:1rem;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.1em}.order-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.order-course-layout{display:flex;justify-content:center;align-items:flex-start;width:100%}.order-course-summary{max-width:600px;width:100%;display:flex;flex-direction:column;gap:2.5rem}.order-course-summary .order-summary-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:2.5rem;box-shadow:8px 8px 0 var(--shadow-primary)}.order-course-form{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:2.5rem;box-shadow:8px 8px 0 var(--shadow-primary)}.order-course-submit{width:100%;padding:1.3rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.order-course-summary .order-info-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:2rem;box-shadow:6px 6px 0 var(--shadow-primary)}@media (max-width: 768px){.order-course-summary{max-width:100%}.order-content{grid-template-columns:1fr}}.order-form-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:2.5rem;box-shadow:8px 8px 0 var(--shadow-primary);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.order-form{display:flex;flex-direction:column;gap:2.5rem}.order-section-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem}.order-package-options{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.order-package-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-quaternary);width:100%;min-width:0;max-width:100%;box-sizing:border-box;position:relative}.order-package-option:hover{border-color:var(--accent-tertiary);background:var(--bg-tertiary)}.order-package-option.ai-recommended{border-color:var(--accent-primary);box-shadow:6px 6px 0 var(--shadow-accent);position:relative;min-height:auto;height:auto;overflow:visible;flex-shrink:0}.order-package-option.ai-recommended:before{content:"🤖 AI RECOMMENDED";position:absolute;top:-12px;right:10px;background:var(--accent-primary);color:var(--bg-primary);padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--accent-primary);box-shadow:3px 3px 0 var(--shadow-accent);font-family:Space Mono,monospace;white-space:nowrap;z-index:10}.order-package-option.selected{border-color:var(--accent-secondary);background:var(--bg-tertiary);box-shadow:4px 4px 0 var(--shadow-accent)}.order-package-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.package-info{display:flex;flex-direction:column;gap:.3rem;flex:1}.package-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.package-desc{font-size:.9rem;color:var(--text-quaternary)}.order-select,.order-textarea{width:100%;padding:1rem 1.2rem;background:var(--bg-quaternary);border:1px solid var(--border-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;border-radius:4px;transition:all .2s ease}.order-select:focus,.order-textarea:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-quaternary)}.order-textarea{resize:vertical;min-height:120px}.order-textarea::placeholder{color:var(--text-quinary)}.order-submit-btn{background:var(--accent-primary);border:none;color:#fff;padding:1.2rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:4px;transition:all .2s ease;font-family:inherit;width:100%;max-width:100%;box-sizing:border-box}.order-submit-btn:hover:not(:disabled){background:var(--accent-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-accent)}.order-submit-btn:disabled{opacity:.6;cursor:not-allowed}.order-message{padding:1rem 1.5rem;border-radius:4px;font-size:.9rem}.order-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.order-message.error{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.order-summary-section{display:flex;flex-direction:column;gap:2rem}.order-summary-card,.order-info-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:2rem;box-shadow:6px 6px 0 var(--shadow-primary)}.order-summary-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem}.order-summary-item{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--border-secondary);color:var(--text-tertiary)}.order-summary-item:last-of-type{border-bottom:none}.order-summary-item.order-discount{color:var(--accent-secondary);font-weight:600}.order-summary-item.order-discount .discount-amount{color:var(--accent-secondary);font-weight:700}.order-summary-divider{height:2px;background:var(--border-secondary);margin:1rem 0}.order-summary-total{display:flex;justify-content:space-between;padding:1rem 0;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.order-total-price{color:var(--accent-primary);font-size:1.5rem}.order-capitalize{text-transform:capitalize}.order-info-card h4{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;color:var(--text-primary)}.order-info-card ul{list-style:none;padding:0;margin:0}.order-info-card li{color:var(--text-tertiary);position:relative;padding:.5rem 0 .5rem 1.5rem}.order-info-card li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.order-loading,.order-error{text-align:center;padding:4rem 2rem;color:var(--text-tertiary)}.order-error p{font-size:1.2rem;margin-bottom:2rem}.details-order-section{text-align:center;padding:2rem 0}.details-order-btn{background:var(--accent-primary);border:none;color:#fff;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:4px;transition:all .2s ease;font-family:inherit}.details-order-btn:hover{background:var(--accent-secondary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-accent)}.details-login-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem}.details-login-prompt p{color:var(--text-tertiary);font-size:1rem}@media (max-width: 1024px){.order-content{grid-template-columns:1fr}}@media (max-width: 720px){.order-form-section,.order-summary-card,.order-info-card{padding:1.5rem}}.order-ai-recommendation{margin-top:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:0;box-shadow:8px 8px 0 var(--shadow-accent);position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.order-ai-recommendation:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--shadow-accent)}.order-ai-header{margin-bottom:1.25rem}.order-ai-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace}.order-ai-input-section{display:flex;flex-direction:column;gap:1rem}.order-ai-textarea{width:100%;padding:1rem;border:3px solid var(--border-primary);border-radius:0;font-size:1rem;font-family:Space Mono,monospace;resize:vertical;min-height:100px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-shadow:inset 4px 4px 0 var(--shadow-primary);line-height:1.6;font-weight:400}.order-ai-textarea::placeholder{color:var(--text-quaternary);opacity:.8}.order-ai-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:inset 4px 4px 0 var(--shadow-accent),0 0 0 3px var(--accent-quaternary);background:var(--bg-secondary)}.order-ai-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.order-ai-btn{width:100%;padding:1rem 1.5rem;background:var(--accent-primary);color:var(--bg-primary);border:3px solid var(--accent-primary);border-radius:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Space Mono,monospace;box-shadow:6px 6px 0 var(--shadow-accent);position:relative}.order-ai-btn:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--shadow-accent);background:var(--accent-secondary);border-color:var(--accent-secondary)}.order-ai-btn:active:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.order-ai-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--shadow-accent)}.order-ai-spinner{width:18px;height:18px;border:3px solid var(--bg-primary);border-top-color:transparent;border-radius:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-ai-error{margin-top:1rem;padding:1rem;background:var(--bg-primary);color:var(--accent-red, #dc143c);border-radius:0;font-size:.95rem;border:3px solid var(--accent-red, #dc143c);box-shadow:4px 4px 0 var(--accent-red-secondary, rgba(220, 20, 60, .5));font-family:Space Mono,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.order-ai-card{margin-top:1.25rem;padding:1.25rem;background:var(--bg-primary);border-radius:0;border:3px solid var(--accent-primary);box-shadow:6px 6px 0 var(--shadow-accent);position:relative}.order-ai-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,monospace}.order-ai-icon{font-size:1.5rem;filter:drop-shadow(2px 2px 0 var(--shadow-accent))}.order-ai-recommendation-content{display:flex;flex-direction:column;gap:1rem}.order-ai-package-badge{display:inline-block;padding:.5rem 1rem;background:var(--accent-primary);color:var(--bg-primary);border:3px solid var(--accent-primary);border-radius:0;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;box-shadow:4px 4px 0 var(--shadow-accent);width:fit-content}.order-ai-text{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.7;font-family:Space Mono,monospace;font-weight:400;letter-spacing:.02em}.order-ai-text p{margin:.5rem 0}.order-ai-bullet-point{margin:.75rem 0;padding-left:1.5rem;position:relative;color:var(--text-secondary);line-height:1.6}.order-ai-bullet-point:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:1.2rem}.order-ai-total{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border:3px solid var(--accent-primary);border-radius:0;font-size:1.1rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-family:Space Mono,monospace;box-shadow:4px 4px 0 var(--shadow-accent)}.order-ai-redirect-badge{display:inline-block;padding:.5rem 1rem;background:var(--accent-yellow, #ffff00);color:var(--bg-primary);border:3px solid var(--accent-yellow, #ffff00);border-radius:0;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;box-shadow:4px 4px 0 var(--shadow-accent);width:fit-content;margin-bottom:1rem}.order-ai-redirect-message{margin:1rem 0;padding:1rem;background:var(--bg-primary);border:3px solid var(--accent-yellow, #ffff00);border-radius:0;font-size:1rem;font-weight:600;color:var(--text-primary);font-family:Space Mono,monospace;box-shadow:4px 4px 0 var(--shadow-accent);line-height:1.6}.theme-default .order-ai-btn{color:var(--bg-primary)}.theme-neon .order-ai-btn{color:var(--bg-primary);text-shadow:0 0 10px var(--accent-primary)}.theme-neon .order-ai-textarea:focus{box-shadow:inset 4px 4px 0 var(--shadow-accent),0 0 15px var(--accent-quaternary)}.theme-vintage .order-ai-btn{color:var(--bg-primary)}.light-mode .order-ai-recommendation,.theme-default.light-mode .order-ai-recommendation{border-color:var(--border-tertiary)}.light-mode .order-ai-textarea,.theme-default.light-mode .order-ai-textarea{box-shadow:inset 4px 4px 0 var(--shadow-primary)}.light-mode .order-ai-btn,.theme-default.light-mode .order-ai-btn,.theme-neon.light-mode .order-ai-btn{color:var(--bg-secondary)}.theme-vintage.light-mode .order-ai-btn{color:var(--bg-primary)}.order-ai-textarea,.order-ai-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.preferences-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.preferences-modal{background:var(--bg-color, #ffffff);border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preferences-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color, #e0e0e0)}.preferences-title{margin:0;font-size:24px;font-weight:600;color:var(--text-color, #000000)}.preferences-close-btn{background:none;border:none;font-size:32px;color:var(--text-color, #666666);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.preferences-close-btn:hover{background-color:var(--hover-bg, #f0f0f0)}.preferences-content{padding:24px}.preferences-section{margin-bottom:32px}.preferences-section:last-child{margin-bottom:0}.preferences-label{display:block;font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-color, #000000)}.preferences-options{display:flex;flex-direction:column;gap:12px}.preferences-option{display:flex;align-items:center;padding:16px;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-color, #ffffff)}.preferences-option:hover{border-color:var(--primary-color, #6F7FD4);background:var(--hover-bg, #f8f9ff)}.preferences-option.selected{border-color:var(--primary-color, #6F7FD4);background:var(--selected-bg, #f0f4ff)}.preferences-option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color, #6F7FD4)}.preferences-option span{font-size:16px;color:var(--text-color, #000000);flex:1}.preferences-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color, #e0e0e0)}.preferences-cancel-btn,.preferences-save-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.preferences-cancel-btn{background:var(--bg-color, #ffffff);color:var(--text-color, #666666);border:2px solid var(--border-color, #e0e0e0)}.preferences-cancel-btn:hover{background:var(--hover-bg, #f0f0f0)}.preferences-save-btn{background:var(--primary-color, #6F7FD4);color:#fff}.preferences-save-btn:hover{background:var(--primary-hover, #5a6bc4);transform:translateY(-1px);box-shadow:0 4px 12px #6f7fd44d}.dark-mode .preferences-modal{background:#1a1a1a;color:#fff}.dark-mode .preferences-title,.dark-mode .preferences-label{color:#fff}.dark-mode .preferences-option{background:#2a2a2a;border-color:#404040;color:#fff}.dark-mode .preferences-option:hover{background:#333;border-color:#6f7fd4}.dark-mode .preferences-option.selected{background:#2a2a4a;border-color:#6f7fd4}.dark-mode .preferences-option span{color:#fff}.dark-mode .preferences-close-btn{color:#ccc}.dark-mode .preferences-close-btn:hover{background-color:#333}.dark-mode .preferences-cancel-btn{background:#2a2a2a;color:#ccc;border-color:#404040}.dark-mode .preferences-cancel-btn:hover{background:#333}@media (max-width: 600px){.preferences-modal{width:95%;max-height:95vh}.preferences-header,.preferences-content,.preferences-footer{padding:20px}.preferences-title{font-size:20px}}.banana-game-container{position:fixed;bottom:20px;left:20px;z-index:999;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.banana-button{background:transparent;border:none;cursor:pointer;padding:0;position:relative;transition:transform .2s ease;font-size:2.5rem;line-height:1;display:flex;align-items:center;gap:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.banana-button:hover{transform:scale(1.1)}.banana-button:active{transform:scale(.95)}.banana-button.bouncing{animation:bananaBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bananaBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.1) rotate(-5deg)}60%{transform:translateY(-10px) scale(1.05) rotate(5deg)}to{transform:translateY(0) scale(1) rotate(0)}}.banana-emoji{display:inline-block;-webkit-user-select:none;user-select:none;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.banana-counter{background:var(--accent-primary, #6F7FD4);color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:8px;min-width:20px;text-align:center;border:2px solid var(--border-primary, rgba(255, 255, 255, .1));box-shadow:0 2px 4px #0003}.banana-message{background:var(--bg-secondary, rgba(111, 127, 212, .9));color:var(--text-primary, #ffffff);padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;border:2px solid var(--border-primary, rgba(255, 255, 255, .2));box-shadow:0 4px 12px #0000004d;animation:messageSlideIn .3s ease-out,messageFadeOut .3s ease-in 2.7s;max-width:300px;min-width:200px;text-align:center;line-height:1.4}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes messageFadeOut{0%{opacity:1}to{opacity:0}}.light-mode .banana-counter{background:var(--accent-primary, #6F7FD4);border-color:var(--border-primary, rgba(0, 0, 0, .2))}.theme-neon:not(.light-mode) .banana-counter{color:#000}.light-mode .banana-message{background:var(--bg-secondary, rgba(111, 127, 212, .95));color:var(--text-primary, #ffffff);border-color:var(--border-primary, rgba(0, 0, 0, .2))}@media (max-width: 480px){.banana-game-container{bottom:15px;left:15px}.banana-button{font-size:2rem}.banana-message{font-size:.8rem;padding:10px 14px;max-width:250px;min-width:150px}}.notification-bell-container{position:relative;display:inline-block}.notification-bell-btn{background:transparent;border:1px solid var(--border-secondary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;font-size:1.2rem;padding:0}.notification-bell-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translateY(-2px)}.notification-bell-icon{display:inline-block;-webkit-user-select:none;user-select:none}.notification-bell-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-primary, #6F7FD4);color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:0 4px;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.notification-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:transparent}.notification-dropdown{position:fixed;width:350px;max-height:500px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center;background:var(--bg-quaternary)}.notification-dropdown-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.notification-dropdown-actions{display:flex;gap:.5rem}.notification-mark-all-read,.notification-clear-all{background:transparent;border:1px solid var(--border-secondary);color:var(--text-tertiary);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.notification-mark-all-read:hover,.notification-clear-all:hover{border-color:var(--accent-secondary);color:var(--text-primary);background:var(--bg-tertiary)}.notification-list{overflow-y:auto;max-height:400px;padding:.5rem 0}.notification-empty{padding:2rem 1.25rem;text-align:center;color:var(--text-tertiary);font-size:.9rem}.notification-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:.75rem;position:relative}.notification-item:hover{background:var(--bg-quaternary)}.notification-item.unread{background:var(--bg-secondary);border-left:3px solid var(--accent-primary)}.notification-item.read{opacity:.7}.notification-item.achievement{border-left-color:var(--accent-yellow, #ffaa00)}.notification-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.notification-message{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.4}.notification-time{color:var(--text-quaternary);font-size:.75rem}.notification-unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);flex-shrink:0;margin-top:.5rem}.light-mode .notification-dropdown{box-shadow:0 8px 24px #0003}.light-mode .notification-bell-badge{border-color:var(--bg-primary)}@media (max-width: 480px){.notification-dropdown{width:300px;right:-10px}}.recently-viewed-dropdown{position:absolute;bottom:1.5rem;left:1.5rem;display:inline-block;width:auto;z-index:10}.recently-viewed-toggle{width:auto;padding:.75rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;transition:all .3s ease;box-shadow:4px 4px 0 var(--shadow-primary);white-space:nowrap}.recently-viewed-toggle:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow-accent);border-color:var(--accent-secondary)}.recently-viewed-toggle-icon{font-size:1.5rem;flex-shrink:0}.recently-viewed-toggle-text{flex:1;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;text-align:left}.recently-viewed-toggle-arrow{font-size:.8rem;color:var(--text-tertiary);transition:transform .3s ease;flex-shrink:0}.recently-viewed-toggle-arrow.open{transform:rotate(180deg)}.recently-viewed-dropdown-content{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;padding:1.5rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;box-shadow:4px 4px 0 var(--shadow-primary);animation:slideUp .3s ease;z-index:1000;min-width:100%;max-width:90vw}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recently-viewed-strip{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-secondary) var(--bg-secondary)}.recently-viewed-strip::-webkit-scrollbar{height:10px;width:10px}.recently-viewed-strip::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:2px solid var(--border-secondary);border-radius:0}.recently-viewed-strip::-webkit-scrollbar-thumb{background:var(--accent-secondary);border:2px solid var(--border-primary);border-radius:0;box-shadow:inset 2px 2px 0 var(--shadow-accent)}.recently-viewed-strip::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:inset 2px 2px 0 var(--shadow-accent),0 0 8px var(--accent-quaternary)}.recently-viewed-card{min-width:200px;max-width:250px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--shadow-primary)}.recently-viewed-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--shadow-accent);border-color:var(--accent-secondary)}.recently-viewed-thumbnail{width:100%;height:120px;overflow:hidden;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center}.recently-viewed-thumbnail img{width:100%;height:100%;object-fit:cover}.recently-viewed-thumbnail-placeholder{width:100%;height:120px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--bg-quaternary);color:var(--text-tertiary)}.recently-viewed-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.recently-viewed-item-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recently-viewed-item-type{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.light-mode .recently-viewed-toggle{box-shadow:4px 4px 0 var(--shadow-primary)}.light-mode .recently-viewed-toggle:hover{box-shadow:6px 6px 0 var(--shadow-accent)}.light-mode .recently-viewed-card{box-shadow:4px 4px 0 var(--shadow-primary)}.light-mode .recently-viewed-card:hover{box-shadow:6px 6px 0 var(--shadow-accent)}@media (max-width: 768px){.recently-viewed-card{min-width:180px;max-width:200px}.recently-viewed-thumbnail,.recently-viewed-thumbnail-placeholder{height:100px}.recently-viewed-toggle-text{font-size:1rem}}@media (max-width: 480px){.recently-viewed-dropdown{margin:1.5rem 0}.recently-viewed-toggle{padding:.875rem 1.25rem}.recently-viewed-dropdown-content{padding:1rem}.recently-viewed-card{min-width:160px;max-width:180px}.recently-viewed-thumbnail,.recently-viewed-thumbnail-placeholder{height:90px}.recently-viewed-info{padding:.75rem}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:361px;max-width:19%;background:var(--bg-tertiary);border-right:1px solid var(--border-primary);z-index:9999;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000004d;overflow-y:auto}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary);min-height:80px}.sidebar-logo{max-width:120px;height:auto;object-fit:contain}.sidebar-close-btn{background:none;border:none;font-size:2rem;color:var(--text-primary);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease,transform .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.sidebar-close-btn:hover{color:var(--accent-primary);transform:scale(1.1)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-menu{display:flex;flex-direction:column;padding:1rem 0;gap:.5rem}.sidebar-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease;position:relative;font-family:inherit}.sidebar-menu-item:hover:not(:disabled){background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-menu-item:active:not(:disabled){background:var(--bg-quaternary)}.sidebar-menu-item:disabled{opacity:.5;cursor:not-allowed}.sidebar-icon{width:1.5rem;height:1.5rem;flex-shrink:0;stroke:currentColor}.sidebar-menu-item span{flex:1}.sidebar-badge{color:var(--text-primary);font-size:1rem;font-weight:400;margin-left:auto}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:.35rem;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;transition:transform .2s ease;z-index:10001;position:relative;flex-shrink:0}.hamburger-btn:hover{transform:scale(1.1)}.hamburger-btn:active{transform:scale(.95)}.hamburger-line{width:1.5rem;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(.4rem,.4rem)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.4rem,-.4rem)}@media (max-width: 768px){.sidebar{width:100%;max-width:100%}}.sidebar-notes-section{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1rem}.sidebar-notes-header{display:flex;align-items:center;gap:.75rem}.sidebar-notes-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.1em}.sidebar-notes-textarea{width:100%;min-height:120px;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s ease,background-color .2s ease}.sidebar-notes-textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary)}.sidebar-notes-textarea:disabled{opacity:.5;cursor:not-allowed}.sidebar-notes-textarea::placeholder{color:var(--text-quaternary)}.sidebar-notes-word-count{display:flex;justify-content:flex-end;font-size:.8rem;color:var(--text-quaternary);margin-top:.25rem}.sidebar-notes-word-count .word-count-error{color:#ff6b6b;font-weight:600}.sidebar-notes-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-notes-message{font-size:.85rem;padding:.25rem .5rem;border-radius:4px}.sidebar-notes-message.success{color:var(--accent-primary)}.sidebar-notes-message.error{color:#ff6b6b}.sidebar-notes-save-btn{padding:.5rem 1rem;background:var(--accent-primary);color:var(--bg-primary);border:none;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .2s ease,transform .2s ease;border-radius:4px}.sidebar-notes-save-btn:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.sidebar-notes-save-btn:active:not(:disabled){transform:translateY(0)}.sidebar-notes-save-btn:disabled{opacity:.5;cursor:not-allowed}.notes-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.notes-modal{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.notes-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.1em}.notes-modal-close-btn{background:none;border:none;font-size:2rem;color:var(--text-primary);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease,transform .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.notes-modal-close-btn:hover{color:var(--accent-primary);transform:scale(1.1)}.notes-modal-close-btn:active{transform:scale(.95)}.notes-modal-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;max-height:calc(80vh - 120px)}.notes-modal-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.notes-modal-item{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;transition:border-color .2s ease,background-color .2s ease}.notes-modal-item:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.notes-modal-item-text{color:var(--text-primary);font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin-bottom:.75rem}.notes-modal-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-quaternary);padding-top:.5rem;border-top:1px solid var(--border-primary)}.notes-modal-item-date{font-style:italic}.notes-modal-item-word-count{font-weight:500}.notes-modal-actions{padding-top:1rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.notes-modal-clear-btn{padding:.5rem 1rem;background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;border-radius:4px}.notes-modal-clear-btn:hover{background:#ff6b6b;color:var(--bg-primary);transform:translateY(-1px)}.notes-modal-clear-btn:active{transform:translateY(0)}.notes-modal-text{color:var(--text-primary);font-size:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.notes-modal-empty{color:var(--text-quaternary);font-size:1rem;text-align:center;padding:2rem;font-style:italic;flex:1;display:flex;align-items:center;justify-content:center}.light-mode .sidebar-overlay{background:#0000004d}.light-mode .notes-modal-overlay{background:#0006}.draggable-services-title-container{position:relative;display:block;margin-bottom:1rem}.draggable-services-title{display:inline-flex;align-items:center;gap:.75rem;position:relative;cursor:pointer;transition:all .2s ease}.services-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.7;cursor:grab;background:transparent;border:none;padding:.25rem;transition:opacity .2s ease,transform .2s ease;color:var(--text-primary)}.services-drag-handle:hover{opacity:1;transform:scale(1.1)}.services-drag-handle:active{cursor:grabbing}.services-drag-handle:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.drag-handle-icon{font-size:.9rem;line-height:1;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.draggable-services-title-container.collapsed .draggable-services-title{display:inline-flex}.draggable-services-title-container.in-header .draggable-services-title{display:inline-flex;align-items:center;margin:0;padding:0;gap:0;line-height:normal;height:auto}.services-title-text{margin:0;font-size:inherit;font-weight:inherit;display:inline}.draggable-services-title-container.in-header .services-title-text,.draggable-services-title-container.in-header .services-title-text.clickable{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;padding:.4rem .9rem;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform;flex-shrink:0;backface-visibility:hidden;display:inline-block;text-decoration:none;color:var(--text-primary);line-height:normal;vertical-align:middle;box-sizing:border-box;height:auto}.draggable-services-title-container.in-header .services-title-text.clickable:hover{border-color:var(--accent-secondary);transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--accent-quaternary);background:var(--bg-tertiary);color:var(--text-primary)}.services-module-text{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;padding:.4rem .9rem;border:1px solid var(--accent-tertiary);background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-quaternary));border-radius:20px;transition:all .2s ease}.draggable-services-title-container.in-header .services-module-text{border-color:var(--accent-secondary)}.services-three-dots{display:flex;flex-direction:column;gap:3px;background:transparent;border:none;cursor:pointer;padding:.25rem;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,transform .2s ease;width:20px;height:20px}.services-three-dots:hover{opacity:1;transform:scale(1.1)}.services-three-dots:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.services-three-dots .dot{width:4px;height:4px;background:var(--text-primary);border-radius:50%;display:block}.services-menu-popup{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;animation:popup-unfold .16s ease-out;transform-origin:top left}@keyframes popup-unfold{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.services-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .2s ease;font-family:inherit;font-size:.9rem}.services-menu-item:hover,.services-menu-item:focus{background:var(--bg-tertiary);outline:none}.services-menu-item .drag-icon{font-size:1.2rem;opacity:.8}.services-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:10000!important;min-width:200px;max-width:300px;max-height:400px;animation:popup-unfold .16s ease-out;transform-origin:top left}.services-dropdown-header{z-index:10001!important;position:fixed!important}.draggable-services-title-container.in-header{position:relative;z-index:10000;margin:0;padding:0;display:inline-flex;align-items:center;vertical-align:middle;line-height:normal;height:auto}.services-menu-popup-header,.draggable-services-title-container.in-header .services-menu-popup{z-index:10001!important;position:fixed!important}.services-dropdown-list{display:flex;flex-direction:column;gap:0}.services-dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-secondary)}.services-dropdown-item:last-child{border-bottom:none}.services-dropdown-item:hover,.services-dropdown-item:focus{background:var(--bg-tertiary);outline:none}.services-dropdown-item-title{font-weight:600;color:var(--text-primary);font-size:.9rem;letter-spacing:.05em}.services-dropdown-empty{padding:1rem;text-align:center;color:var(--text-quaternary);font-size:.9rem}.draggable-services-title-container.dragging .draggable-services-title,.draggable-services-title.is-dragging{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}.draggable-services-title-container.dragging{z-index:999!important;position:relative}.draggable-services-title-container.dragging .services-module-text,.draggable-services-title.is-dragging .services-module-text{opacity:0!important;visibility:hidden!important}.draggable-services-title-container.in-header{display:inline-flex!important;align-items:center!important}.draggable-services-title-container.in-header .services-module-text{font-size:.85rem}.aria-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.drag-overlay-services-module,.drag-overlay-services{display:inline-flex;align-items:center;padding:.4rem .9rem;background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-quaternary));border:2px solid var(--accent-primary);border-radius:20px;box-shadow:0 8px 24px #6f7fd480,0 0 0 4px #6f7fd433,inset 0 1px #ffffff1a;filter:drop-shadow(0 0 12px rgba(111,127,212,.8));transform:scale(1.05) rotate(2deg);opacity:.98;z-index:10002!important;pointer-events:none;position:fixed!important;top:0;left:0;animation:drag-pulse 1.5s ease-in-out infinite;transition:transform .1s ease,box-shadow .1s ease}@keyframes drag-pulse{0%,to{box-shadow:0 8px 24px #6f7fd480,0 0 0 4px #6f7fd433,inset 0 1px #ffffff1a;filter:drop-shadow(0 0 12px rgba(111,127,212,.8))}50%{box-shadow:0 12px 32px #6f7fd4b3,0 0 0 6px #6f7fd44d,inset 0 1px #ffffff26;filter:drop-shadow(0 0 16px rgba(111,127,212,1))}}.drag-overlay-services .services-module-text,.drag-overlay-services-module .services-module-text{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--text-primary)}[data-rbd-drag-handle-dragging=true],[data-dnd-dragging=true]{z-index:10000!important}[data-dnd-kit-drag-overlay],.dnd-kit-drag-overlay{z-index:10002!important;position:fixed!important}@media (max-width: 1024px){.draggable-services-title-container.in-header .services-title-text{font-size:.8rem;padding:.35rem .75rem}.services-drag-handle{width:18px;height:18px}.services-dropdown{max-width:280px;max-height:350px}}@media (max-width: 768px){.draggable-services-title-container{margin-bottom:.75rem}.draggable-services-title-container.in-header .services-title-text{font-size:.75rem;padding:.3rem .65rem;letter-spacing:.1em}.services-drag-handle{width:16px;height:16px;opacity:.8}.drag-handle-icon{font-size:.8rem}.services-dropdown{max-width:250px;max-height:300px;font-size:.85rem}.create-learn-dropdown{max-width:250px;max-height:400px}.draggable-services-title-container.in-header .services-title-text.clickable:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-quaternary)}}@media (max-width: 480px){.draggable-services-title-container.in-header .services-title-text{font-size:.7rem;padding:.25rem .5rem}.services-drag-handle{width:14px;height:14px}.services-dropdown,.create-learn-dropdown{max-width:200px;max-height:250px}.create-learn-option{padding:.6rem .85rem;font-size:.85rem}.create-learn-service-item{padding:.6rem .85rem}.create-learn-service-title{font-size:.85rem}}@media (hover: none) and (pointer: coarse){.services-drag-handle{opacity:.9;width:24px;height:24px}.services-drag-handle:active{transform:scale(1.15)}.draggable-services-title-container.in-header .services-title-text.clickable:active{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-quaternary)}}.create-learn-dropdown{position:fixed!important;top:0;left:0;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:10001!important;min-width:200px;max-width:300px;max-height:500px;overflow-y:auto;overflow-x:hidden;animation:popup-unfold .16s ease-out;transform-origin:top left;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform;backface-visibility:hidden}.create-learn-dropdown.expanded{display:block}.create-learn-options{display:flex;flex-direction:column;gap:0;border-bottom:2px solid var(--border-primary)}.create-learn-option{padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .2s ease;text-align:left;font-weight:600;color:var(--text-primary);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.create-learn-option:last-of-type{border-bottom:2px solid var(--border-primary)}.create-learn-option:hover,.create-learn-option:focus{background:var(--bg-tertiary);outline:none}.create-learn-option.active{background:var(--accent-primary);color:var(--text-on-accent, #fff)}.create-learn-services-list{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.create-learn-service-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-secondary)}.create-learn-service-item:last-child{border-bottom:none}.create-learn-service-item:hover,.create-learn-service-item:focus{background:var(--bg-tertiary);outline:none}.create-learn-service-title{font-weight:500;color:var(--text-primary);font-size:.9rem;letter-spacing:.02em}.create-learn-empty{padding:1rem;text-align:center;color:var(--text-quaternary);font-size:.9rem}.draggable-services-title-container.in-header .create-learn-dropdown{z-index:10001!important;position:fixed!important}.create-learn-dropdown{visibility:visible;opacity:1}@keyframes popup-unfold{0%{opacity:0;transform:scaleY(.8) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.create-learn-option:focus-visible,.create-learn-service-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (max-width: 768px){.create-learn-dropdown{min-width:180px;max-width:250px}.create-learn-option{padding:.65rem .9rem;font-size:.9rem}.create-learn-service-item{padding:.65rem .9rem}.create-learn-service-title{font-size:.85rem}}@media (max-width: 480px){.create-learn-dropdown{min-width:160px;max-width:200px}.create-learn-option{padding:.6rem .75rem;font-size:.85rem}.create-learn-service-item{padding:.6rem .75rem}.create-learn-service-title{font-size:.8rem}}.header-drop-zone{min-width:4px;min-height:100%;opacity:0;background-color:transparent;transition:opacity .2s ease,background-color .2s ease,box-shadow .3s ease,min-width .2s ease;pointer-events:auto;position:relative;z-index:1;flex-shrink:0;border-radius:4px}.header-drop-zone.drag-over{opacity:1;background-color:var(--accent-primary);min-width:8px;box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 30px var(--shadow-accent),inset 0 0 10px var(--accent-secondary);animation:drop-zone-glow 1.5s ease-in-out infinite alternate}@keyframes drop-zone-glow{0%{box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 30px var(--shadow-accent),inset 0 0 10px var(--accent-secondary)}to{box-shadow:0 0 15px var(--accent-primary),0 0 30px var(--accent-primary),0 0 45px var(--shadow-accent),inset 0 0 15px var(--accent-secondary)}}:root{font-family:Nebulica,Space Mono,Helvetica Neue,sans-serif}:root,.theme-default{--bg-primary: #050607;--bg-secondary: #101522;--bg-tertiary: rgba(8, 11, 20, .98);--bg-quaternary: rgba(4, 5, 7, .95);--text-primary: #f4eada;--text-secondary: #f2f0ec;--text-tertiary: rgba(244, 232, 208, .8);--text-quaternary: rgba(244, 232, 208, .7);--text-quinary: rgba(244, 232, 208, .6);--accent-primary: #6F7FD4;--accent-secondary: rgba(111, 127, 212, .7);--accent-tertiary: rgba(111, 127, 212, .5);--accent-quaternary: rgba(111, 127, 212, .35);--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .12);--border-tertiary: rgba(255, 255, 255, .2);--shadow-primary: rgba(13, 17, 28, .9);--shadow-accent: rgba(111, 127, 212, .35)}.theme-neon{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: rgba(10, 10, 10, .98);--bg-quaternary: rgba(5, 5, 5, .95);--text-primary: #00f0ff;--text-secondary: #00ffff;--text-tertiary: rgba(0, 240, 255, .8);--text-quaternary: rgba(0, 240, 255, .7);--text-quinary: rgba(0, 240, 255, .6);--accent-primary: #00f0ff;--accent-secondary: rgba(0, 240, 255, .7);--accent-tertiary: rgba(0, 240, 255, .5);--accent-quaternary: rgba(0, 240, 255, .35);--accent-yellow: #ffff00;--accent-yellow-secondary: rgba(255, 255, 0, .7);--border-primary: rgba(0, 240, 255, .3);--border-secondary: rgba(0, 240, 255, .25);--border-tertiary: rgba(0, 240, 255, .4);--shadow-primary: rgba(0, 0, 0, .9);--shadow-accent: rgba(0, 240, 255, .4)}.theme-vintage{--bg-primary: #3d2817;--bg-secondary: #4a2e1a;--bg-tertiary: rgba(61, 40, 23, .98);--bg-quaternary: rgba(45, 30, 18, .95);--text-primary: #f4eada;--text-secondary: #f2f0ec;--text-tertiary: rgba(244, 232, 208, .8);--text-quaternary: rgba(244, 232, 208, .7);--text-quinary: rgba(244, 232, 208, .6);--accent-primary: #87ceeb;--accent-secondary: rgba(135, 206, 235, .7);--accent-tertiary: rgba(135, 206, 235, .5);--accent-quaternary: rgba(135, 206, 235, .35);--accent-red: #dc143c;--accent-red-secondary: rgba(220, 20, 60, .7);--border-primary: rgba(255, 255, 255, .2);--border-secondary: rgba(255, 255, 255, .15);--border-tertiary: rgba(255, 255, 255, .25);--shadow-primary: rgba(20, 15, 10, .9);--shadow-accent: rgba(135, 206, 235, .4)}.light-mode,.theme-default.light-mode{--bg-primary: #f4eada;--bg-secondary: #ffffff;--bg-tertiary: rgba(255, 255, 255, .98);--bg-quaternary: rgba(248, 248, 248, .95);--text-primary: #050607;--text-secondary: #1a1a1a;--text-tertiary: rgba(5, 6, 7, .8);--text-quaternary: rgba(5, 6, 7, .7);--text-quinary: rgba(5, 6, 7, .6);--accent-primary: #6F7FD4;--accent-secondary: rgba(111, 127, 212, .8);--accent-tertiary: rgba(111, 127, 212, .6);--accent-quaternary: rgba(111, 127, 212, .4);--border-primary: rgba(5, 6, 7, .5);--border-secondary: rgba(5, 6, 7, .4);--border-tertiary: rgba(5, 6, 7, .6);--shadow-primary: rgba(0, 0, 0, .15);--shadow-accent: rgba(111, 127, 212, .4)}.theme-neon.light-mode{--bg-primary: #e0f7ff;--bg-secondary: #ffffff;--bg-tertiary: rgba(255, 255, 255, .98);--bg-quaternary: rgba(240, 252, 255, .95);--text-primary: #000000;--text-secondary: #0a0a0a;--text-tertiary: rgba(0, 0, 0, .8);--text-quaternary: rgba(0, 0, 0, .7);--text-quinary: rgba(0, 0, 0, .6);--accent-primary: #0066ff;--accent-secondary: rgba(0, 102, 255, .8);--accent-tertiary: rgba(0, 102, 255, .6);--accent-quaternary: rgba(0, 102, 255, .4);--accent-yellow: #ffaa00;--accent-yellow-secondary: rgba(255, 170, 0, .7);--border-primary: rgba(0, 102, 255, .4);--border-secondary: rgba(0, 102, 255, .3);--border-tertiary: rgba(0, 102, 255, .5);--shadow-primary: rgba(0, 0, 0, .1);--shadow-accent: rgba(0, 102, 255, .3)}.theme-vintage.light-mode{--bg-primary: #f5e6d3;--bg-secondary: #ffffff;--bg-tertiary: rgba(255, 255, 255, .98);--bg-quaternary: rgba(250, 245, 240, .95);--text-primary: #3d2817;--text-secondary: #4a2e1a;--text-tertiary: rgba(61, 40, 23, .8);--text-quaternary: rgba(61, 40, 23, .7);--text-quinary: rgba(61, 40, 23, .6);--accent-primary: #4682b4;--accent-secondary: rgba(70, 130, 180, .8);--accent-tertiary: rgba(70, 130, 180, .6);--accent-quaternary: rgba(70, 130, 180, .4);--accent-red: #b22222;--accent-red-secondary: rgba(178, 34, 34, .7);--border-primary: rgba(61, 40, 23, .4);--border-secondary: rgba(61, 40, 23, .3);--border-tertiary: rgba(61, 40, 23, .5);--shadow-primary: rgba(0, 0, 0, .1);--shadow-accent: rgba(70, 130, 180, .3)}.light-mode .mc-header{border-bottom-width:2px}.light-mode .hero{border-width:2px}.light-mode .learn-service-item{border-width:3px}.light-mode .create-service-item,.light-mode .questionnaire-box,.light-mode .mc-nav a,.light-mode .theme-toggle-btn,.light-mode .saved-stuff-btn,.light-mode .account-btn,.light-mode .create-category-btn{border-width:2px}*{box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}*{scrollbar-width:thin;scrollbar-color:var(--accent-secondary) var(--bg-secondary)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:2px solid var(--border-secondary)}*::-webkit-scrollbar-thumb{background:var(--accent-secondary);border:2px solid var(--border-primary);border-radius:0;box-shadow:inset 2px 2px 0 var(--shadow-accent)}*::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:inset 2px 2px 0 var(--shadow-accent),0 0 8px var(--accent-quaternary)}*::-webkit-scrollbar-corner{background:var(--bg-secondary);border-top:2px solid var(--border-secondary);border-left:2px solid var(--border-secondary)}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--accent-tertiary) var(--bg-tertiary)}.thin-scrollbar::-webkit-scrollbar{width:8px;height:8px}.thin-scrollbar::-webkit-scrollbar-track{background:var(--bg-tertiary);border-left:1px solid var(--border-secondary)}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-tertiary);border:1px solid var(--border-primary);border-radius:0}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);color:var(--text-secondary);transition:background .3s ease,color .3s ease;overflow-x:hidden;width:100%;max-width:100vw}a{color:inherit;text-decoration:none}.moodychimp{min-height:100vh;padding:2.5rem clamp(1.5rem,5vw,5rem) 3rem;padding-top:calc(80px + 2.5rem);width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.mc-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:100vw;display:flex;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.5rem,5vw,5rem);border-bottom:1px solid var(--border-primary);background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);z-index:1000;box-sizing:border-box;min-height:80px;max-height:80px;transition:background .3s ease,border-color .3s ease;gap:1rem;overflow:visible}.header-logo-container{display:flex;align-items:center;gap:.8rem;position:relative;height:100%}.logo{font-size:1.8rem;letter-spacing:.08em;text-transform:uppercase}.mc-nav{display:flex;gap:1.2rem;text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;align-items:center;flex:1;justify-content:flex-end;will-change:contents;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.mc-nav a{padding:.4rem .9rem;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform;flex-shrink:0;backface-visibility:hidden;vertical-align:middle;line-height:normal;box-sizing:border-box}.mc-nav .draggable-services-title-container.in-header{display:inline-flex;align-items:center;margin:0;padding:0;vertical-align:middle;line-height:normal;height:auto}.mc-nav a:hover{border-color:var(--accent-secondary);transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--accent-quaternary);background:var(--bg-tertiary)}:root{--search-collapsed-width: 40px;--search-expanded-width: 300px;--search-animation-duration: .7s;--search-animation-easing: cubic-bezier(.25, .46, .45, .94)}.search-container{position:relative;display:flex;align-items:center;min-width:0;max-width:var(--search-expanded-width);flex:0 1 auto;overflow:hidden;width:0;opacity:0;transition:width var(--search-animation-duration) var(--search-animation-easing),opacity calc(var(--search-animation-duration) * .3) ease-out;will-change:width,opacity;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint}.search-container.expanded{width:var(--search-expanded-width);opacity:1}.search-container.collapsed{width:0;opacity:0;pointer-events:none}.search-input{width:100%;padding:.5rem 2.5rem;background:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:20px;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .2s ease;outline:none}.search-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-quaternary);background:var(--bg-tertiary)}.search-input::placeholder{color:var(--text-quinary)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.3rem;pointer-events:none;color:var(--text-quaternary);line-height:1}.search-clear-btn{position:absolute;right:.5rem;background:transparent;border:none;color:var(--text-quaternary);font-size:1.2rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;transition:all .2s ease}.search-clear-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}@media (max-width: 768px){.search-container{min-width:150px;max-width:200px}.search-input{font-size:.85rem;padding:.4rem 2rem}.search-icon{left:.6rem;font-size:1.1rem}.mc-nav{flex-wrap:wrap;gap:.8rem}.mc-nav a,.draggable-services-title-container.in-header{flex-shrink:0}}.hero{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin:3rem 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--border-secondary);background:linear-gradient(120deg,var(--bg-tertiary),var(--bg-quaternary));box-shadow:10px 10px 0 var(--shadow-accent);transition:background .3s ease,border-color .3s ease}.hero-column{display:flex;flex-direction:column;gap:3.5rem;align-items:center;justify-content:center}.hero-core{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.hero-label{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:#6f7fd4e6}.light-mode .hero-label{color:#050607}.hero-logo{max-width:clamp(500px,50vw,800px);height:auto;margin:1.5rem 0 0;display:block}.hero-core h1{font-size:clamp(3.5rem,7vw,5.2rem);margin:1.5rem 0 0;text-transform:uppercase;letter-spacing:.05em}.hero-core p{max-width:32ch;color:#f7f4ecd9;line-height:1.5}.hero-word{font-size:clamp(1.6rem,3.5vw,2.5rem);text-transform:uppercase;letter-spacing:.2em;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.15);background:#080a10d9;text-shadow:3px 3px 0 rgba(111,127,212,.45)}.word-brutal{font-family:Impact,Anton,sans-serif}.word-tech{font-family:Space Mono,monospace;color:#6f7fd4}.word-serif{font-family:Bodoni MT,Didot,serif}.word-script{font-family:Brush Script MT,Pacifico,cursive;color:#f8e6a1}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.mc-button{border:1px solid rgba(244,228,197,.7);padding:.7rem 1.6rem;text-transform:uppercase;letter-spacing:.12em;background:#0a0c12e6;color:#f4eada;box-shadow:6px 6px #6f7fd459;transition:transform .2s ease,box-shadow .2s ease}.mc-button:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #6f7fd480}.mc-button.ghost{border-color:#6f7fd4b3;color:#6f7fd4;background:transparent}.services{position:relative;z-index:1;margin-bottom:3rem}.services h2,.about h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}.services-main-categories{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.service-category-btn{border:1px solid var(--border-secondary);padding:1rem 2.5rem;background:var(--bg-tertiary);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:6px 6px 0 var(--shadow-primary)}.service-category-btn:hover{border-color:var(--accent-tertiary);background:var(--bg-tertiary);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--shadow-accent)}.service-category-btn.active{border-color:var(--accent-secondary);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:6px 6px 0 var(--shadow-accent)}.light-mode .service-category-btn{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-tertiary)}.light-mode .service-category-btn:hover{background:var(--bg-quaternary)}.light-mode .service-category-btn.active{background:var(--bg-quaternary);color:var(--text-primary)}.services-content{margin-top:2rem}.filters-panel{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:8px 8px 0 var(--shadow-primary);transition:all .3s ease}.services-content .filters-panel{width:30%;min-width:250px;max-width:300px;flex-shrink:0;margin-bottom:0}.filters-panel:hover{border-color:var(--accent-tertiary);box-shadow:10px 10px 0 var(--shadow-accent)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.filters-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;margin:0;color:var(--text-primary)}.filters-reset-btn{background:transparent;border:1px solid var(--border-secondary);color:var(--text-tertiary);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.filters-reset-btn:hover{border-color:var(--accent-secondary);background:var(--bg-quaternary);color:var(--text-primary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.filters-content{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-quaternary)}.filter-select{background:var(--bg-quaternary);border:1px solid var(--border-secondary);padding:.8rem 1rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.filter-select:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-quaternary)}.filter-select:hover{border-color:var(--accent-tertiary);background:var(--bg-tertiary)}.filters-results{font-size:.85rem;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.1em;padding-top:1rem;border-top:1px solid var(--border-secondary)}.light-mode .filters-panel{background:var(--bg-tertiary);border-color:var(--border-primary)}.light-mode .filter-select{background:var(--bg-quaternary)}.learn-services-container{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.learn-services-grid{display:flex;gap:1.5rem;flex-wrap:nowrap;justify-content:flex-start;flex:1;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--accent-secondary) transparent}.learn-services-grid::-webkit-scrollbar{height:10px}.learn-services-grid::-webkit-scrollbar-track{background:transparent;border-top:2px solid var(--border-secondary)}.learn-services-grid::-webkit-scrollbar-thumb{background:var(--accent-secondary);border:2px solid var(--border-primary);border-radius:0;box-shadow:inset 2px 2px 0 var(--shadow-accent)}.learn-services-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:inset 2px 2px 0 var(--shadow-accent),0 0 8px var(--accent-quaternary)}.learn-service-item{border:2px solid var(--accent-tertiary);background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-quaternary));box-shadow:10px 10px 0 var(--accent-quaternary),inset 0 0 20px var(--accent-quaternary);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:500px;min-width:450px;max-width:550px;min-height:200px;flex-shrink:0;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;padding:1.7rem;overflow:visible}.optimal-tag{position:absolute;top:-8px;right:-8px;background:red;color:#fff;padding:.35rem .85rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;box-shadow:0 2px 8px #f006;z-index:20;white-space:nowrap;line-height:1.2}.learn-service-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(111,127,212,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.learn-service-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(111,127,212,.2);opacity:0;transition:opacity .3s ease;pointer-events:none}.learn-service-item:hover:before{opacity:1}.learn-service-item:hover:after{opacity:1}.learn-service-item:hover{transform:translate(-6px,-6px) scale(1.03);box-shadow:15px 15px #6f7fd480,inset 0 0 30px #6f7fd41a;border-color:#6f7fd4b3;background:linear-gradient(145deg,#080b14,#040507fa)}.learn-service-illustration{font-size:4rem;margin-bottom:1.2rem;filter:drop-shadow(0 6px 12px rgba(111,127,212,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;text-shadow:0 0 20px rgba(111,127,212,.3)}.learn-service-banner{width:100%;height:200px;margin-bottom:1.2rem;border-radius:12px;overflow:hidden;position:relative;z-index:1;box-shadow:0 6px 12px #6f7fd466,0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.learn-service-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.learn-service-item:hover .learn-service-illustration{transform:scale(1.15) rotate(8deg) translateY(-5px);filter:drop-shadow(0 8px 16px rgba(111,127,212,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4));text-shadow:0 0 30px rgba(111,127,212,.5)}.learn-service-item:hover .learn-service-banner{transform:translateY(-5px);box-shadow:0 8px 16px #6f7fd499,0 4px 8px #0006}.learn-service-item:hover .learn-service-banner-img{transform:scale(1.1)}.learn-service-content{text-align:center;position:relative;z-index:1;padding-top:.5rem}.learn-service-title{margin:0 0 .8rem;font-size:1.4rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-primary);line-height:1.4;font-weight:700;text-shadow:2px 2px 0 rgba(111,127,212,.3);transition:all .3s ease}.learn-service-item:hover .learn-service-title{color:var(--text-primary);text-shadow:3px 3px 0 var(--shadow-accent);transform:translateY(-2px)}.light-mode .learn-service-title{color:#050607}.light-mode .learn-service-item:hover .learn-service-title{color:#f4eada}.learn-service-level{display:block;font-size:.8rem;color:var(--accent-primary);text-transform:lowercase;letter-spacing:.12em;font-style:italic;padding:.4rem .8rem;border:1px solid rgba(111,127,212,.2);background:#6f7fd40d;border-radius:2px;transition:all .3s ease}.learn-service-item:hover .learn-service-level{border-color:var(--accent-tertiary);background:var(--accent-quaternary);color:var(--accent-primary);transform:translateY(-2px)}.light-mode .learn-service-level{color:var(--text-primary)}.light-mode .learn-service-item:hover .learn-service-level{color:#9ab6ff}.learn-service-price{display:block;font-size:1rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.1em;margin-top:.8rem;padding:.4rem .8rem;text-shadow:0 0 10px rgba(74,222,128,.6),0 0 20px rgba(74,222,128,.4),0 0 30px rgba(74,222,128,.2);transition:all .3s ease}.learn-service-item:hover .learn-service-price{text-shadow:0 0 15px rgba(74,222,128,.8),0 0 25px rgba(74,222,128,.6),0 0 35px rgba(74,222,128,.4);transform:translateY(-2px)}.light-mode .learn-service-price{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.7),0 0 15px rgba(34,197,94,.5),0 0 25px rgba(34,197,94,.3)}.light-mode .learn-service-item:hover .learn-service-price{text-shadow:0 0 12px rgba(34,197,94,.9),0 0 20px rgba(34,197,94,.7),0 0 30px rgba(34,197,94,.5)}.course-reviews-hover{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);width:auto;min-width:180px;background:linear-gradient(135deg,gold,orange,gold);border:3px solid rgba(255,255,255,.6);border-radius:8px;padding:.8rem 1.2rem;box-shadow:0 10px 30px #0006,inset 0 0 20px #ffffff4d,0 0 40px #ffd70080;z-index:1000;margin-bottom:1rem;animation:unfoldReviews .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap}@keyframes unfoldReviews{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(-10px) scale(1)}}.course-reviews-header{display:flex;align-items:center;gap:.8rem;flex-wrap:nowrap}.course-reviews-rating{font-size:1.3rem;font-weight:700;color:#050607;text-shadow:2px 2px 0 rgba(255,255,255,.5)}.course-reviews-count{font-size:.85rem;color:#050607;text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.light-mode .course-reviews-hover{background:linear-gradient(135deg,gold,orange,gold);border-color:#0506074d}.create-categories-dropdown{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.create-category-btn{border:1px solid rgba(255,255,255,.12);padding:.8rem 1.8rem;background:#070709e6;color:#f4e8d0cc;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px #0d111ce6}.create-category-btn:hover{border-color:#6f7fd480;background:#0b0f1ce6;transform:translate(-2px,-2px);box-shadow:6px 6px #6f7fd459}.create-category-btn.active{border-color:#6f7fd4b3;background:#6f7fd41a;color:#f4eada;box-shadow:4px 4px #6f7fd459}.light-mode .create-category-btn.active,.light-mode .create-category-btn:hover{color:#050607}.create-services-container{display:flex;gap:2rem;align-items:flex-start}.create-services-list{display:flex;flex-wrap:wrap;gap:1rem;flex:1}.create-service-item{border:1px solid rgba(255,255,255,.12);padding:1.25rem;background:#070709e6;display:flex;flex-direction:column;box-shadow:6px 6px #0d111ce6;transition:all .2s ease;width:calc(50% - .5rem);flex-shrink:0}.create-service-item:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #6f7fd459;border-color:#6f7fd480}.create-service-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.create-service-title{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;flex:1}.create-service-description{margin:0;color:#f4e8d0b3;font-size:.9rem;line-height:1.4}.light-mode .create-service-title{color:#f4e8d0b3}.create-service-price{font-size:.95rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-shadow:0 0 10px rgba(74,222,128,.6),0 0 20px rgba(74,222,128,.4),0 0 30px rgba(74,222,128,.2);transition:all .3s ease}.create-service-item:hover .create-service-price{text-shadow:0 0 15px rgba(74,222,128,.8),0 0 25px rgba(74,222,128,.6),0 0 35px rgba(74,222,128,.4);transform:translateY(-2px)}.light-mode .create-service-price{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.7),0 0 15px rgba(34,197,94,.5),0 0 25px rgba(34,197,94,.3)}.light-mode .create-service-item:hover .create-service-price{text-shadow:0 0 12px rgba(34,197,94,.9),0 0 20px rgba(34,197,94,.7),0 0 30px rgba(34,197,94,.5)}.questionnaire-box{background:linear-gradient(135deg,gold,orange,#6f7fd4);border:3px solid rgba(255,255,255,.4);padding:2rem 1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:260px;min-height:260px;height:auto;box-shadow:12px 12px #6f7fd480,inset 0 0 30px #fff3,0 0 40px #ffd7004d;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:pointer}.questionnaire-box,.light-mode .questionnaire-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.questionnaire-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.questionnaire-box:hover:before{opacity:1}.questionnaire-box:hover{transform:translate(-8px,-8px) scale(1.05);box-shadow:18px 18px #6f7fd499,inset 0 0 40px #ffffff4d,0 0 60px #ffd70080;border-color:#fff9}.questionnaire-box-title{margin:0 0 1.5rem;font-size:2rem;font-weight:700;color:#050607;text-transform:lowercase;text-shadow:2px 2px 0 rgba(255,255,255,.5),4px 4px 8px rgba(0,0,0,.2);z-index:2;position:relative;letter-spacing:.05em;text-align:center;width:100%;display:block;line-height:1.3;padding:0 .5rem;box-sizing:border-box;align-self:center;flex-shrink:1;white-space:nowrap;word-wrap:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow:visible}.light-mode .questionnaire-box-title,.questionnaire-box-title{white-space:nowrap;word-wrap:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-align:center;display:block;align-self:center}.questionnaire-box[lang=ka] .questionnaire-box-title,.questionnaire-box[lang=de] .questionnaire-box-title{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.questionnaire-box[lang=ka] .questionnaire-box-title,.questionnaire-box[lang=de] .questionnaire-box-title{font-size:clamp(1.3rem,3.5vw,1.7rem);line-height:1.4;margin-bottom:1rem}.questionnaire-box-button{background:#050607;color:gold;border:3px solid #050607;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;text-transform:lowercase;cursor:pointer;border-radius:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;box-shadow:6px 6px #0000004d,inset 0 0 10px #ffd7001a;z-index:2;position:relative;letter-spacing:.1em;will-change:transform;backface-visibility:hidden;transform:translateZ(0);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;word-wrap:normal;overflow-wrap:normal}.light-mode .questionnaire-box-button,.questionnaire-box-button{background:#050607;color:gold;border:3px solid #050607;font-size:1.2rem;font-weight:700;text-transform:lowercase;letter-spacing:.1em;white-space:nowrap;word-wrap:normal;overflow-wrap:normal}.questionnaire-box-button:hover{background:#050607e6;color:gold;border-color:#050607;transform:translateY(-4px) scale(1.05);box-shadow:8px 8px #0006,inset 0 0 15px #ffd70033}.questionnaire-box-button:active{transform:translateY(-2px) scale(1.02);box-shadow:4px 4px #0000004d,inset 0 0 10px #ffd7001a}.about p{max-width:60ch;line-height:1.6;color:var(--text-tertiary)}.light-mode .about p{color:var(--text-primary)}.mc-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.footer-label{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:#6f7fd4e6;margin-bottom:.4rem}@media (max-width: 720px){.moodychimp{padding-top:calc(120px + 2.5rem)}.mc-header{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem clamp(1.5rem,5vw,5rem);min-height:120px;max-height:120px}.mc-nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;text-align:center}.hero-column{flex-direction:row;flex-wrap:wrap}.create-service-item{width:100%}.learn-services-container{flex-direction:column;align-items:center}.learn-services-grid{flex-direction:column;align-items:stretch}.learn-service-item{width:100%;aspect-ratio:1;padding:1.5rem}.learn-service-illustration{font-size:3rem;margin-bottom:1rem}}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050607d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.login-modal{background:linear-gradient(120deg,#080b14fa,#040507f2);border:1px solid rgba(255,255,255,.12);box-shadow:10px 10px #6f7fd459;padding:3rem clamp(2rem,5vw,4rem);max-width:450px;width:100%;position:relative;color:#f4eada}.login-back-btn{position:absolute;left:1.5rem;top:1.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:#f4eada;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.login-back-btn:hover{border-color:#6f7fd4b3;background:#0b0f1ce6;transform:translate(-2px,-2px);box-shadow:4px 4px #6f7fd459}.login-title{font-size:clamp(2rem,4vw,2.5rem);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2rem;text-align:center}.login-initial{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.login-option-btn{border:1px solid rgba(244,228,197,.7);padding:1rem 2rem;text-transform:uppercase;letter-spacing:.12em;background:#0a0c12e6;color:#f4eada;box-shadow:6px 6px #6f7fd459;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;font-size:.9rem;font-family:inherit}.login-option-btn:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #6f7fd480}.login-maybe-later{background:transparent;border:none;color:#f4e8d0b3;font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:.05em;padding:1rem;margin-top:1rem;cursor:pointer;transition:color .2s ease;font-family:inherit}.login-maybe-later:hover{color:#f4e8d0e6}.login-form{display:flex;flex-direction:column;gap:1.2rem}.login-input{background:#070709e6;border:1px solid rgba(255,255,255,.12);padding:.9rem 1.2rem;color:#f4eada;font-family:inherit;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{outline:none;border-color:#6f7fd4b3;box-shadow:0 0 0 3px #6f7fd41a}.login-input::placeholder{color:#f4e8d080}.login-submit-btn{border:1px solid rgba(244,228,197,.7);padding:1rem 2rem;text-transform:uppercase;letter-spacing:.12em;background:#0a0c12e6;color:#f4eada;box-shadow:6px 6px #6f7fd459;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;font-size:.9rem;font-family:inherit;margin-top:.5rem}.login-submit-btn:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:10px 10px #6f7fd480}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#c8323233;border:1px solid rgba(200,50,50,.5);color:#f99;padding:.8rem 1rem;font-size:.85rem;text-align:center;margin-bottom:.5rem}@media (max-width: 720px){.login-modal{padding:2rem 1.5rem;margin:1rem}.login-back-btn{left:1rem;top:1rem;width:35px;height:35px;font-size:1.2rem}}.theme-toggle-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:.5rem}.theme-toggle-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(-2px,-2px) rotate(15deg);box-shadow:4px 4px 0 var(--shadow-accent)}.preferences-toggle-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:.5rem}.preferences-toggle-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(-2px,-2px) rotate(15deg);box-shadow:4px 4px 0 var(--shadow-accent)}.account-btn{width:65px;height:65px;border-radius:50%;border:2px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;margin-left:1rem;overflow:hidden;flex-shrink:0}.header-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-btn:hover{border-color:var(--accent-secondary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent);background:var(--bg-tertiary)}.saved-stuff-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);font-size:.85rem;padding:.4rem .9rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.15em;font-family:inherit}.saved-stuff-btn:hover{border-color:var(--accent-secondary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent);background:var(--bg-tertiary)}.account-page{min-height:100vh;display:flex;background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);color:var(--text-primary);transition:background .3s ease,color .3s ease}.account-sidebar{width:280px;min-height:100vh;background:linear-gradient(120deg,var(--bg-tertiary),var(--bg-quaternary));border-right:1px solid var(--border-secondary);padding:2rem;display:flex;flex-direction:column;gap:2rem;transition:background .3s ease,border-color .3s ease}.account-back-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);padding:.7rem 1.2rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;align-self:flex-start;margin-bottom:1rem}.account-back-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.account-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:2rem;border-bottom:1px solid var(--border-secondary)}.account-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:6px 6px 0 var(--shadow-accent);transition:background .3s ease,border-color .3s ease}.account-profile-info{text-align:center}.account-profile-name{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.account-profile-email{font-size:.85rem;color:var(--text-quaternary);word-break:break-word}.account-options{display:flex;flex-direction:column;gap:.5rem}.account-option{background:transparent;border:1px solid var(--border-secondary);color:var(--text-tertiary);padding:1rem 1.5rem;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.account-option:hover{border-color:var(--accent-tertiary);background:var(--bg-tertiary);color:var(--text-primary)}.account-option.active{border-color:var(--accent-secondary);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:4px 4px 0 var(--shadow-accent)}.account-option.admin-option{border-color:var(--accent-primary);background:var(--accent-quaternary);color:var(--accent-primary);font-weight:700;letter-spacing:.15em}.account-option.admin-option:hover{border-color:var(--accent-primary);background:var(--accent-tertiary);color:var(--text-primary);box-shadow:4px 4px 0 var(--shadow-accent);transform:translate(-2px,-2px)}.account-content{flex:1;padding:3rem clamp(2rem,5vw,4rem);overflow-y:auto}.account-section-title{font-size:clamp(2rem,4vw,2.5rem);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2.5rem}.account-details{max-width:600px}.account-field{margin-bottom:2rem}.account-field-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-primary);margin-bottom:.8rem}.account-field-value{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:1rem 1.2rem;color:var(--text-primary);font-size:1rem;word-break:break-word;transition:background .3s ease,border-color .3s ease,color .3s ease}.account-field-input,.account-field-select{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:1rem 1.2rem;color:var(--text-primary);font-size:1rem;font-family:inherit;width:100%;transition:background .3s ease,border-color .3s ease,color .3s ease}.account-field-input:focus,.account-field-select:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-quaternary)}.account-field-input::placeholder{color:var(--text-quinary)}.account-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-profile-title{font-size:.9rem;color:var(--text-quaternary);font-weight:400;font-style:italic}.account-avatar-upload{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.account-avatar-preview{width:100px;height:100px;border-radius:50%;border:2px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-tertiary);transition:border-color .3s ease}.account-avatar-preview:hover{border-color:var(--accent-tertiary)}.account-avatar-preview-img{width:100%;height:100%;object-fit:cover}.account-avatar-preview-placeholder{font-size:3rem}.account-avatar-input{display:none}.account-avatar-label{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);padding:.8rem 1.5rem;cursor:pointer;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;display:inline-block}.account-avatar-label:hover{border-color:var(--accent-secondary);background:var(--bg-quaternary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.account-save-btn{background:var(--bg-tertiary);border:1px solid var(--accent-secondary);color:var(--text-primary);padding:1rem 2rem;cursor:pointer;font-family:inherit;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;width:100%;max-width:300px}.account-save-btn:hover:not(:disabled){background:var(--accent-quaternary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--shadow-accent)}.account-save-btn:disabled{opacity:.6;cursor:not-allowed}.account-save-message{padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:4px;font-size:.9rem;transition:all .3s ease}.account-save-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.account-save-message.error{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.account-field-password-container{display:flex;align-items:center;gap:1rem}.account-field-password-container .account-field-value{flex:1}.account-field-value.password-value{font-family:Space Mono,monospace;letter-spacing:.2em}.account-password-eye{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:1rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:50px;height:50px}.account-password-eye:hover{border-color:#6f7fd4b3;background:#0b0f1ce6}.account-logout-btn{border:1px solid rgba(200,50,50,.5);padding:1rem 2rem;text-transform:uppercase;letter-spacing:.12em;background:#c832321a;color:#f99;box-shadow:6px 6px #c8323259;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;font-size:.9rem;font-family:inherit;width:100%;margin-top:1rem}.account-logout-btn:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #c8323280;background:#c8323233;color:#faa}.orders-sections{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.orders-section-btn{background:transparent;border:1px solid var(--border-secondary);color:var(--text-tertiary);padding:.8rem 1.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.orders-section-btn:hover{border-color:var(--accent-tertiary);background:var(--bg-tertiary);color:var(--text-primary)}.orders-section-btn.active{border-color:var(--accent-secondary);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:4px 4px 0 var(--shadow-accent)}.orders-loading,.orders-empty,.orders-placeholder{text-align:center;padding:3rem 2rem;color:var(--text-tertiary);font-size:1rem}.orders-list-title{font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:2px solid var(--border-secondary);padding-bottom:.5rem}.orders-items{display:flex;flex-direction:column;gap:1.5rem}.order-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:1.5rem;box-shadow:6px 6px 0 var(--shadow-primary);transition:all .3s ease}.order-item:hover{border-color:var(--accent-tertiary);box-shadow:8px 8px 0 var(--shadow-accent);transform:translate(-2px,-2px)}.order-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.order-item-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-primary);flex:1}.order-item-price{font-size:1.1rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.6),0 0 20px rgba(74,222,128,.4);white-space:nowrap}.order-item-details{display:flex;flex-direction:column;gap:.8rem}.order-item-detail{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.order-detail-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-quaternary);min-width:100px}.order-detail-value{font-size:.9rem;color:var(--text-primary)}.order-status{text-transform:capitalize;padding:.3rem .8rem;border-radius:4px;background:#6f7fd41a;border:1px solid rgba(111,127,212,.3)}.order-detail-value.completed{color:#4ade80;font-weight:700}.account-achievements{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.achievements-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.achievement-badge{position:relative;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;min-height:120px}.achievement-badge.unlocked{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary),rgba(111,127,212,.1));box-shadow:0 4px 12px #6f7fd433}.achievement-badge.locked{opacity:.5;filter:grayscale(100%)}.achievement-badge.unlocked:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6f7fd44d;border-color:var(--accent-secondary)}.achievement-icon{font-size:2.5rem;line-height:1}.achievement-name{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:.05em}.achievement-badge.locked .achievement-name{color:var(--text-quaternary)}.achievement-lock{position:absolute;top:.5rem;right:.5rem;font-size:1rem;opacity:.7}.account-delete-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-primary);display:flex;justify-content:center}.account-delete-btn{background:none;border:none;color:#ff6b6b;font-size:.75rem;font-weight:300;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s ease;text-decoration:underline}.account-delete-btn:hover:not(:disabled){opacity:.8}.account-delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-account-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.delete-account-modal{background:linear-gradient(120deg,#080b14fa,#040507f2);border:1px solid rgba(255,107,107,.3);box-shadow:10px 10px #ff6b6b33;padding:3rem clamp(2rem,5vw,4rem);max-width:500px;width:100%;position:relative;color:#f4eada;border-radius:8px}.delete-account-title{font-size:1.5rem;font-weight:600;color:#ff6b6b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.delete-account-message{font-size:1rem;color:var(--text-primary);line-height:1.6;margin-bottom:2rem}.delete-account-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-account-cancel-btn,.delete-account-confirm-btn{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;transition:all .2s ease;border-radius:4px}.delete-account-cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.delete-account-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.delete-account-confirm-btn{background:#ff6b6b;color:var(--bg-primary)}.delete-account-confirm-btn:hover:not(:disabled){background:#ff5252;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.delete-account-cancel-btn:disabled,.delete-account-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.password-verify-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050607d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.password-verify-modal{background:linear-gradient(120deg,#080b14fa,#040507f2);border:1px solid rgba(255,255,255,.12);box-shadow:10px 10px #6f7fd459;padding:3rem clamp(2rem,5vw,4rem);max-width:400px;width:100%;position:relative;color:#f4eada}.password-verify-close{position:absolute;left:1.5rem;top:1.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:#f4eada;font-size:1.2rem;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.password-verify-close:hover{border-color:#6f7fd4b3;background:#0b0f1ce6;transform:translate(-2px,-2px);box-shadow:4px 4px #6f7fd459}.password-verify-title{font-size:clamp(1.5rem,3vw,2rem);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2rem;text-align:center}.password-verify-form{display:flex;flex-direction:column;gap:1.2rem}.password-verify-input{background:#070709e6;border:1px solid rgba(255,255,255,.12);padding:.9rem 1.2rem;color:#f4eada;font-family:inherit;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.password-verify-input:focus{outline:none;border-color:#6f7fd4b3;box-shadow:0 0 0 3px #6f7fd41a}.password-verify-input::placeholder{color:#f4e8d080}.password-verify-submit{border:1px solid rgba(244,228,197,.7);padding:1rem 2rem;text-transform:uppercase;letter-spacing:.12em;background:#0a0c12e6;color:#f4eada;box-shadow:6px 6px #6f7fd459;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;font-size:.9rem;font-family:inherit;margin-top:.5rem}.password-verify-submit:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:10px 10px #6f7fd480}.password-verify-submit:disabled{opacity:.6;cursor:not-allowed}.password-verify-error{background:#c8323233;border:1px solid rgba(200,50,50,.5);color:#f99;padding:.8rem 1rem;font-size:.85rem;text-align:center;margin-bottom:.5rem}.account-themes-description{color:var(--text-tertiary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.account-themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.account-theme-card{position:relative;border:2px solid var(--border-secondary);background:var(--bg-tertiary);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.account-theme-card:hover{border-color:var(--accent-secondary);transform:translateY(-4px);box-shadow:8px 8px 0 var(--shadow-accent);background:var(--bg-quaternary)}.account-theme-card.active{border-color:var(--accent-primary);box-shadow:6px 6px 0 var(--shadow-accent);background:var(--bg-quaternary)}.account-theme-preview{display:flex;gap:.5rem;width:100%;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border-primary)}.theme-preview-color{flex:1;height:100%}.account-theme-name{font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.account-theme-check{position:absolute;top:1rem;right:1rem;width:24px;height:24px;background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}@media (max-width: 720px){.account-page{flex-direction:column}.account-sidebar{width:100%;min-height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}.account-content{padding:2rem 1.5rem}.password-verify-modal{padding:2rem 1.5rem;margin:1rem}.password-verify-close{left:1rem;top:1rem;width:30px;height:30px;font-size:1rem}}.bookmark-btn{position:absolute;top:10px;left:10px;background:#080b14cc;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bookmark-btn:hover{transform:scale(1.15);background:#6f7fd433;border-color:#6f7fd480;box-shadow:0 0 10px #6f7fd466}.bookmark-btn.bookmarked{background:#ff4d4d33;border-color:#ff4d4d80}.bookmark-btn.bookmarked:hover{background:#ff4d4d4d;box-shadow:0 0 10px #ff4d4d80}.bookmarks-page{min-height:100vh;padding:calc(80px + 2.5rem) clamp(1.5rem,5vw,5rem) 3rem;background:radial-gradient(circle at 15% 20%,var(--bg-secondary),var(--bg-primary) 70%);transition:background .3s ease}.bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary);transition:border-color .3s ease}.bookmarks-header h1{font-size:2.5rem;text-transform:uppercase;letter-spacing:.1em;margin:0;color:var(--text-primary);transition:color .3s ease}.close-btn{background:transparent;border:1px solid var(--border-tertiary);color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.close-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary);transform:rotate(90deg)}.bookmarks-empty{text-align:center;padding:4rem 2rem;color:var(--text-quinary);transition:color .3s ease}.bookmarks-empty p{font-size:1.1rem;margin:.5rem 0}.bookmarks-content{margin-top:2rem}@media (max-width: 720px){.bookmarks-header h1{font-size:1.8rem}.saved-stuff-btn{font-size:.75rem;padding:.3rem .7rem}}.services.collapsed{overflow:hidden}.services-content-wrapper{transition:all .35s cubic-bezier(.22,.95,.23,1.05);transform-origin:top;overflow:hidden}.services-content-wrapper.collapsed{max-height:0;opacity:0;transform:scaleY(0);margin:0;padding:0;pointer-events:none}.services-content-wrapper:not(.collapsed){max-height:10000px;opacity:1;transform:scaleY(1)}.mc-nav{transition:all .25s ease}.mc-nav>*{transition:transform .25s ease}
