@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");:root{--color-primary:#063f2a;--color-primary-light:#0a5c3d;--color-primary-dark:#042a1c;--color-primary-50:rgba(6,63,42,.05);--color-primary-100:rgba(6,63,42,.1);--color-accent:#e2ce99;--color-accent-light:#f0e6c8;--color-accent-dark:#c9b377;--color-background:#f4f0ea;--color-background-dark:#e8e4de;--color-background-light:#faf8f5;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#737373;--color-text-inverse:#fff;--color-border:#e5e5e5;--color-border-dark:#d1d1d1;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"EB Garamond",Georgia,"Times New Roman",serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--sidebar-width:260px;--sidebar-collapsed:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.25}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-background-light);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-50)}.btn-accent{background:var(--color-accent);color:var(--color-primary-dark);font-weight:600}.btn-accent:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-text-primary)}.form-label-required:after{content:" *";color:var(--color-error)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--color-text-muted)}.form-input-error{border-color:var(--color-error)}.form-error{color:var(--color-error)}.form-error,.form-help{margin-top:var(--spacing-1);font-size:var(--font-size-sm)}.form-help{color:var(--color-text-muted)}textarea.form-input{min-height:120px;resize:vertical}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--color-border)}.card-body,.card-header{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);background:var(--color-background-light);border-top:1px solid var(--color-border)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.alert-success{background:var(--color-success-light);color:#065f46;border:1px solid var(--color-success)}.alert-error{background:var(--color-error-light);color:#991b1b;border:1px solid var(--color-error)}.alert-warning{background:var(--color-warning-light);color:#92400e;border:1px solid var(--color-warning)}.alert-info{background:var(--color-info-light);color:#1e40af;border:1px solid var(--color-info)}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--color-success-light);color:#065f46}.badge-warning{background:var(--color-warning-light);color:#92400e}.badge-error{background:var(--color-error-light);color:#991b1b}.badge-info{background:var(--color-info-light);color:#1e40af}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.badge-accent{background:var(--color-accent-light);color:var(--color-primary-dark)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,#063f2a,#042819);color:#fff;z-index:100;box-shadow:2px 0 20px rgba(0,0,0,.15);transition:width .25s ease;display:flex;flex-direction:column;overflow-x:hidden}.sidebar-hover{width:var(--sidebar-collapsed)}.sidebar-hover:hover{width:var(--sidebar-width)}.sidebar-hover .sidebar-link-label,.sidebar-hover .sidebar-logo-text,.sidebar-hover .sidebar-section-label,.sidebar-hover .sidebar-user-info{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s ease}.sidebar-hover:hover .sidebar-link-label,.sidebar-hover:hover .sidebar-logo-text,.sidebar-hover:hover .sidebar-section-label,.sidebar-hover:hover .sidebar-user-info{opacity:1;width:auto}.sidebar-logo{padding:1.5rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-logo img{height:40px;width:auto;flex-shrink:0}.sidebar-logo-text{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:600;white-space:nowrap}.sidebar-nav{flex:1 1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;color:hsla(0,0%,100%,.7);border-radius:8px;font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;white-space:nowrap;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.sidebar-link.active{background:hsla(0,0%,100%,.15);color:#fff}.sidebar-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-link-label{white-space:nowrap}.sidebar-section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.4);padding:1rem 1rem .5rem;font-weight:600;white-space:nowrap}.sidebar-footer{padding:.75rem;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:.5rem}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0;letter-spacing:.03em}.sidebar-user-info{white-space:nowrap}.sidebar-user-name{color:#fff;font-weight:600;font-size:.875rem;line-height:1.3}.sidebar-user-role{color:hsla(0,0%,100%,.5);font-size:.75rem;line-height:1.3}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.portal-wrapper{display:flex;min-height:100vh}.portal-content{flex:1 1;margin-left:var(--sidebar-collapsed);min-height:100vh;background:var(--color-background);transition:margin-left .25s ease}.sidebar-hover:hover~.portal-content{margin-left:var(--sidebar-width)}.main-content{padding:2rem;max-width:1400px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.feature-card{background:#fff;border-radius:16px;border:1px solid var(--color-border);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-100)}.feature-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.feature-card-icon.green{background:rgba(6,63,42,.08);color:var(--color-primary)}.feature-card-icon.gold{background:hsla(44,56%,74%,.2);color:var(--color-accent-dark)}.feature-card-icon.blue{background:rgba(59,130,246,.08);color:var(--color-info)}.feature-card-icon.purple{background:rgba(139,92,246,.08);color:#8b5cf6}.feature-card h3{font-size:var(--font-size-lg);font-family:var(--font-family);font-weight:600}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.feature-card-arrow{margin-top:auto;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:.375rem;opacity:0;transform:translateX(-4px);transition:all var(--transition-normal)}.feature-card:hover .feature-card-arrow{opacity:1;transform:translateX(0)}.welcome-banner{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:16px;padding:2rem 2.5rem;color:#fff;position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:hsla(0,0%,100%,.05);border-radius:50%}.welcome-banner h1{font-size:var(--font-size-3xl);color:#fff;margin-bottom:.5rem}.welcome-banner p{color:hsla(0,0%,100%,.8);font-size:var(--font-size-lg);margin:0}.welcome-banner .accent-line{width:60px;height:3px;background:var(--color-accent);border-radius:2px;margin-top:1rem}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 180px);background:#fff;border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.chat-messages{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;gap:.75rem;max-width:85%;animation:slideUp var(--transition-normal) forwards}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.chat-avatar.ai{background:var(--color-primary);color:#fff}.chat-avatar.user{background:var(--color-accent);color:var(--color-primary-dark)}.chat-bubble{padding:.875rem 1.125rem;border-radius:16px;line-height:1.6;font-size:var(--font-size-base)}.chat-message.ai .chat-bubble{background:var(--color-background);color:var(--color-text-primary);border-bottom-left-radius:4px}.chat-message.user .chat-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;gap:.75rem;align-items:flex-end;background:var(--color-background-light)}.chat-input-area textarea{flex:1 1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:12px;resize:none;font-family:var(--font-family);font-size:var(--font-size-sm);max-height:120px;background:#fff;transition:border-color var(--transition-fast)}.chat-input-area textarea:focus{outline:none;border-color:var(--color-primary)}.chat-send-btn{width:44px;height:44px;border-radius:12px;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.chat-send-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-zone{border:2px dashed var(--color-border-dark);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--color-background-light)}.upload-zone.dragging,.upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-50)}.upload-zone-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text-muted)}.upload-zone p{margin:0}.upload-zone .upload-cta{color:var(--color-primary);font-weight:600;text-decoration:underline}.upload-file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:.75rem}.upload-file-item .file-name{flex:1 1;font-size:var(--font-size-sm);font-weight:500}.upload-file-item .file-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.upload-file-item .file-remove{color:var(--color-error);cursor:pointer;background:none;border:none;font-size:var(--font-size-lg)}.wizard-steps{display:flex;gap:0;margin-bottom:2rem;overflow-x:auto}.wizard-step{flex:1 1;display:flex;align-items:center;gap:.5rem;padding:1rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);position:relative;white-space:nowrap}.wizard-step:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-border);border-radius:2px}.wizard-step.active{color:var(--color-primary)}.wizard-step.active:after{background:var(--color-primary)}.wizard-step.completed{color:var(--color-success)}.wizard-step.completed:after{background:var(--color-success)}.wizard-step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;background:var(--color-border);color:var(--color-text-muted);flex-shrink:0}.wizard-step.active .wizard-step-number{background:var(--color-primary);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--color-success);color:#fff}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.video-card{background:#fff;border-radius:16px;border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-normal)}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.video-card-thumbnail img{width:100%;height:100%;object-fit:cover}.video-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--transition-fast)}.video-card:hover .video-card-play{opacity:1}.video-card-body{padding:1.25rem}.video-card-body h4{font-family:var(--font-family);font-size:var(--font-size-base);margin-bottom:.375rem}.video-card-body p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal) forwards}.animate-slideUp{animation:slideUp var(--transition-normal) forwards}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);padding:.5rem 0 env(safe-area-inset-bottom,.5rem);z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.bottom-nav-items{display:flex;justify-content:space-around;align-items:center}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .5rem;color:var(--color-text-muted);font-size:.625rem;font-weight:500;text-decoration:none;border:none;background:none;cursor:pointer;transition:color var(--transition-fast)}.bottom-nav-link.active{color:var(--color-primary)}.bottom-nav-link svg{width:22px;height:22px}@media (max-width:768px){.sidebar,.sidebar.sidebar-hover{transform:translateX(-100%);width:var(--sidebar-width);z-index:200}.sidebar.mobile-open{transform:translateX(0);width:var(--sidebar-width)}.sidebar.mobile-open .sidebar-link-label,.sidebar.mobile-open .sidebar-logo-text,.sidebar.mobile-open .sidebar-section-label,.sidebar.mobile-open .sidebar-user-info{opacity:1;width:auto}.sidebar-toggle{display:flex}.portal-content,.sidebar-hover:hover~.portal-content{margin-left:0}.main-content{padding:1rem 1rem 5rem}.bottom-nav{display:block}.feature-grid,.resource-grid{grid-template-columns:1fr}.welcome-banner{padding:1.5rem}.welcome-banner h1{font-size:var(--font-size-2xl)}.chat-container{height:calc(100vh - 140px);border-radius:0;border:none}.wizard-steps{gap:0}.wizard-step{padding:.75rem .5rem;font-size:var(--font-size-xs)}}@media (max-width:1200px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150}.sidebar-overlay.visible{display:block}