@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";.mobile-placeholder{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;align-items:center;justify-content:center;z-index:999999;padding:1.5rem;overflow-y:auto;margin:0}.mobile-placeholder-content{max-width:500px;width:100%;text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;animation:fadeInUp .6s ease-out;position:relative;z-index:999999}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-placeholder-logo{margin-bottom:1.5rem}.mobile-placeholder-logo img{height:50px;width:auto;opacity:.9}.mobile-placeholder-icon{font-size:4rem;margin-bottom:1rem;animation:shake 3s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.mobile-placeholder-title{font-size:1.75rem;font-weight:700;color:#213547;margin:0 0 1rem;line-height:1.3}.mobile-placeholder-divider{width:80px;height:3px;background:linear-gradient(90deg,#45c4c4,#2ea3a3);margin:0 auto 1.5rem;border-radius:2px}.mobile-placeholder-message{margin-bottom:1.5rem}.mobile-placeholder-heading{font-size:1.1rem;font-weight:600;color:#45c4c4;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.mobile-placeholder-description{font-size:1rem;line-height:1.7;color:#666;margin:0 0 1.5rem;padding:0 .5rem}.mobile-placeholder-action{background:#45c4c41a;border:2px solid #45C4C4;border-radius:12px;padding:1.5rem;margin-top:1.5rem}.action-icon{font-size:2.5rem;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mobile-placeholder-action p{font-size:1rem;font-weight:600;color:#2ea3a3;margin:0;line-height:1.5}.mobile-placeholder-footer{padding-top:1.5rem;border-top:1px solid #e0e0e0;margin-top:1rem}.mobile-placeholder-footer p{margin:0;font-size:.9rem;color:#888;font-weight:500}@media (max-width: 400px){.mobile-placeholder{padding:1rem}.mobile-placeholder-content{padding:1.5rem 1rem}.mobile-placeholder-title{font-size:1.5rem}.mobile-placeholder-icon{font-size:3rem}.mobile-placeholder-description{font-size:.95rem}.mobile-placeholder-action{padding:1rem}.action-icon{font-size:2rem}}.error-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff5f5,#fff);display:flex;align-items:center;justify-content:center;z-index:999999;padding:2rem;overflow-y:auto}.error-screen-content{max-width:650px;width:100%;text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;animation:errorFadeIn .6s ease-out}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-screen-logo{margin-bottom:2rem}.error-screen-logo img{height:50px;width:auto;opacity:.8}.error-screen-icon{font-size:4.5rem;margin-bottom:1rem;animation:dizzy 2s ease-in-out infinite}@keyframes dizzy{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.error-screen-title{font-size:2rem;font-weight:700;color:#213547;margin:0 0 1rem;line-height:1.3}.error-screen-divider{width:100px;height:3px;background:linear-gradient(90deg,#ff6b6b,#d32f2f);margin:0 auto 2rem;border-radius:2px}.error-screen-message{margin-bottom:2rem}.error-screen-heading{font-size:1.2rem;font-weight:600;color:#ff6b6b;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.error-screen-description{font-size:1rem;line-height:1.7;color:#666;margin:0 0 1.5rem;padding:0 1rem}.error-screen-details{margin-top:1.5rem;text-align:left}.error-screen-details details{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer}.error-screen-details summary{font-weight:600;color:#666;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-screen-details pre{margin:.5rem 0 0;padding:.75rem;background:#fff;border-radius:4px;font-size:.85rem;color:#d32f2f;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-screen-details .error-stack{font-size:.75rem;color:#666;max-height:200px;overflow-y:auto}.error-screen-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.error-screen-button{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.error-screen-button.primary{background:linear-gradient(135deg,#45c4c4,#2ea3a3);color:#fff;box-shadow:0 4px 12px #45c4c44d}.error-screen-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #45c4c466}.error-screen-button.secondary{background:#fff;color:#45c4c4;border:2px solid #45C4C4}.error-screen-button.secondary:hover{background:#45c4c41a;transform:translateY(-2px)}.error-screen-button:active{transform:translateY(0)}.error-screen-footer{padding-top:1.5rem;border-top:1px solid #e0e0e0}.error-screen-footer p{margin:0;font-size:.9rem;color:#888;font-style:italic}@media (max-width: 768px){.error-screen{padding:1.5rem}.error-screen-content{padding:2rem 1.5rem}.error-screen-title{font-size:1.5rem}.error-screen-icon{font-size:3.5rem}.error-screen-description{font-size:.95rem;padding:0 .5rem}.error-screen-actions{flex-direction:column;gap:.75rem}.error-screen-button{width:100%}}:root{--beige: #f6ece2;--text: #0b0b0b}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh}.home-container{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;height:900px;background:var(--beige);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Apple Color Emoji,Segone UI Emoji;overflow:hidden;margin:0 auto;color:var(--text)!important}.header{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(16px,5vw,48px);width:100%;position:relative;flex-direction:row}.logoGroup{display:flex;align-items:center;gap:10px;flex-shrink:0;order:1;margin-right:auto}.pillar-logo-icon{width:25%;-o-object-fit:contain;object-fit:contain}.logoMark{display:flex;gap:2px;align-items:flex-end;margin-right:6px}.flute{width:4px;height:16px;background:var(--text);border-radius:2px}.logoText{font-weight:800;letter-spacing:2px;font-size:22px}.nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;order:2;margin-left:auto}.navLink{font-size:20px;font-weight:700;text-decoration:none;font-family:manrope;color:var(--text);font-weight:700!important;color:var(--text)!important}.main{margin-top:-24%;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,540px);gap:32px;align-items:center;padding:24px clamp(16px,5vw,48px) 64px}.heroImageWrap{position:relative;width:100%;min-height:320px;margin-top:100px}.heroImage{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.copyCol{text-align:left;padding-bottom:100px}.h1{font-size:128px;line-height:1;letter-spacing:-2px;margin:0}.h1Line{display:block;margin-top:-.7rem;font-family:Inter,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-weight:300}.em{font-style:bold;font-weight:400}.ctaRow{display:flex;align-items:center;gap:20px;margin-top:28px}.primaryCta{display:inline-block;padding:5px 27px;background:var(--text);color:#fff;border-radius:999px;font-weight:600;font-size:20px;letter-spacing:.6px;text-decoration:none;font-family:manrope}.secondaryCta{display:inline-block;padding-bottom:4px;font-weight:600;font-size:20px;letter-spacing:.4px;text-underline-offset:4px;color:var(--text);font-family:manrope;text-decoration:underline}.underline-link{position:relative;color:inherit;text-decoration:none;cursor:pointer;font-weight:600;color:#000}.underline-bar{position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:currentColor;transform-origin:left center;pointer-events:none}.primaryCta.dark .underline-bar{background:#fff;color:#fff!important;bottom:6px}.primaryCta.dark:hover{color:#fff}.secondPage{width:100%;min-height:120vh;background:#000;display:flex;align-items:center;justify-content:center;margin-top:0}.secondPageContent{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:40px;margin-top:-10%;margin-bottom:10%}.secondPageTitle{color:#fff;font-family:Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-size:clamp(55px,4vw,48px);font-weight:300;letter-spacing:2px;margin-top:120px;text-transform:uppercase}.futureText{color:#ffe6d2}.pillarImage{width:178px}.leftContent,.rightContent{flex:1;max-width:250px;text-align:left}.pillarSplitContainer{position:relative;width:180px;height:500px;display:flex;align-items:center;justify-content:center;margin-top:30px}.splitPillars{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:180px;height:500px;z-index:1}.pillarPiece{position:absolute;opacity:0;transform:translate(0);transition:transform .2s linear,opacity .2s linear}.pillarImage.bigLeft,.pillarImage.bigRight{position:absolute;width:90px;z-index:2;transition:transform .2s linear}.pillarImage.bigLeft{right:50%}.pillarImage.bigRight{left:50%}.pillarTextOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s linear}.pillarLeft,.pillarRight{width:90px}.innerLeft,.innerRight{width:65px}.center{width:40px}.pillarTextOverlay{position:absolute;top:52%;left:50%;width:900px;height:360px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity 1s ease}.pillarLabel{position:absolute;display:flex;flex-direction:column;align-items:center;color:#ffe6d2;transition:opacity 1s ease,transform 1s ease;opacity:0}.pillarLabel.left{left:-19%;top:-18%;text-align:left;align-items:flex-start;transform:translate(-10%)}.pillarLabel.center{left:47.8%;bottom:-95%;transform:translateY(-10%);text-align:center}.pillarLabel.right{right:-20%;top:-18%;text-align:right;align-items:flex-end;transform:translate(10%)}.labelLine{margin-bottom:-30px;margin-right:-30px;width:110px}.verticalLine{margin-bottom:15px}@media (max-width: 900px){.pillarTextOverlay{position:static;width:100%;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:30px}.pillarLabel{position:static;text-align:center!important;align-items:center!important}.labelLine,.verticalLine{display:none}}.sectionTitle{color:#ffe6d2;font-family:Geist,sans-serif;font-optical-sizing:auto;font-size:40px;font-weight:700;font-style:bold;margin:0 0 16px;text-transform:uppercase}.sectionDescription{color:#fff;font-family:Geist,sans-serif;font-optical-sizing:auto;font-size:24px;font-weight:150;font-style:light;line-height:1.6;margin-top:-10px;max-width:240px;text-align:left}.bottomContent{text-align:center;max-width:400px}.thirdPage{width:100%;min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:80px 0;margin-top:0}.thirdPageContent{display:flex;flex-direction:column;align-items:center;max-width:1100px;width:100%}.thirdPageTitle{color:#fff;align-self:flex-start;font-family:"inter",Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-size:64px;font-weight:600;letter-spacing:2px;margin:0 0 80px;text-transform:uppercase;justify-content:left;text-align:left;font-style:bold}.stepsContainer{display:flex;flex-direction:column;width:100%;position:relative;scroll-snap-type:y mandatory;scroll-behavior:smooth;padding-top:1px;padding-bottom:1px;overscroll-behavior:contain}.stepItem{display:flex;align-items:center;justify-content:space-between;min-height:100vh;scroll-snap-align:center;position:relative}.stepItem:first-child{scroll-snap-align:start}.stepItem:last-child{scroll-snap-align:end}.stepItem:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 36px);height:530px;border:none;border-radius:149px;z-index:0}.stepItem:nth-child(1):before{border-left:2px solid #45c4c4;border-bottom:2px solid #45c4c4}.stepItem:nth-child(2):before{border-right:2px solid #45c4c4}.stepItem:nth-child(3):before{border-top:2px solid #45c4c4;border-left:2px solid #45c4c4}.stepLeft{flex:0 0 33.33%;width:33.33%;display:flex;align-items:center;padding-right:50px}.stepRight{flex:0 0 66.67%;width:66.67%;display:flex;align-items:center;padding-left:0}.stepTitle{font-family:Geist,sans-serif;font-size:clamp(42px,2vw,18px);line-height:1.2;font-weight:200;font-style:light}.stepText{text-align:left}.stepItem:nth-child(2n){flex-direction:row-reverse}.stepItem:nth-child(2n) .stepLeft{flex:0 0 33.33%;width:33.33%;padding-left:20px;padding-right:0}.stepItem:nth-child(2n) .stepRight{flex:0 0 66.67%;width:66.67%;padding-right:0;padding-left:0}.stepItem:nth-child(2n) .stepText{text-align:right}.stepMarker{width:34px;height:34px;background-color:#45c4c4;border-radius:50%;flex-shrink:0;margin-right:20px;position:relative;z-index:2}.stepItem:nth-child(2n) .stepMarker{margin-right:0;margin-left:20px;order:2}.stepItem:nth-child(2n) .stepText{order:1}.stepImage{display:flex;align-items:center}.design{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.stepsContainer{position:relative}.timelineSvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.stepMarker{position:relative;z-index:2}.timelineBasePath{stroke:#ffffff26;stroke-width:3;fill:none}.timelineProgressPath{stroke:#45c4c4;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .12s linear}.timelinePath{position:absolute;left:60px;top:0;bottom:0;width:10px;background:linear-gradient(to bottom,#ccc,#ccc)}.timelineBall{width:20px;height:20px;border-radius:50%;background:#007bff;position:absolute;left:-5px}@media (prefers-reduced-motion: reduce){.timelineProgressPath{transition:none}}.stepItem:before,.stepItem:nth-child(1):before,.stepItem:nth-child(2):before,.stepItem:nth-child(3):before{content:none!important;border:0!important}.highlight{color:#45c4c4;font-weight:600}.fourthPage{width:100%;min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:80px 0;position:relative}.fourthPageContent{display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;padding:0 20px}.fourthPageTitle{color:#45c4c4;font-family:"Inter",Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-size:128px;font-weight:700;font-style:bold;letter-spacing:4px;margin:0 0 120px;text-align:center}.featuresCarousel{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:60px;cursor:pointer;z-index:10;opacity:.7;transition:opacity .3s ease}.carouselArrow:hover{opacity:1}.carouselArrow.left{margin-top:-150px;left:-125px}.carouselArrow.right{right:-125px;margin-top:-150px}.featureCard{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;animation:fadeSlideIn .5s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cardContainer{position:relative;margin-bottom:60px;perspective:1000px}.card3D{width:375px;height:250px;border-radius:20px;box-shadow:0 20px 40px #0000004d;transform:rotateX(15deg) rotateY(-10deg);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.card3D:hover{transform:rotateX(10deg) rotateY(-5deg) translateY(-10px)}.cardImage{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain;border-radius:8px;position:relative;z-index:1}.featureTitle{color:#20c997;font-family:Helvetica,Arial,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.featureDescription{color:#ccc;font-family:Helvetica,Arial,sans-serif;font-size:clamp(14px,1.5vw,18px);line-height:1.5;margin:0;max-width:400px}@media (max-width: 768px){.carouselArrow.left{left:-62px}.carouselArrow.right{right:-62px}.carouselArrow{font-size:40px}.card3D{width:312px;height:200px}.cardImage{max-width:85%;max-height:85%}}.footer{background-color:#000;color:#fff;padding:2rem 0;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.footer-left{display:flex;flex-direction:column;gap:1rem}.logo-section{display:flex;align-items:center;gap:.5rem}.logo-icon{width:30%;-o-object-fit:contain;object-fit:contain;filter:invert(1);margin-bottom:-10px}.logo-text{font-size:1.5rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em}.social-icons{display:flex;gap:.75rem;margin-left:.5rem;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:transparent;border-radius:4px;color:#fff;text-decoration:none;transition:opacity .2s ease;padding:2px}.social-link:hover{opacity:.7}.social-icon-img{width:30px;height:30px;filter:brightness(0) invert(1);padding-left:4px}.copyright{font-size:18px;font-family:manrope,sans-serif;font-weight:300;color:#ccc;margin:0;line-height:1.4}.footer-right{display:flex;gap:5rem;align-items:flex-start}.nav-column{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.nav-title{font-size:.9rem;color:#fff;margin:0;letter-spacing:.06em;font-family:manrope,sans-serif;font-weight:700;font-style:bold}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem;font-family:manrope,sans-serif;font-weight:400}.nav-link{color:#ccc;text-decoration:none;font-size:.95rem;font-weight:300;transition:color .25s ease,transform .2s ease}.nav-link:hover{color:#fff}@media (max-width: 768px){.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-right{justify-content:center;gap:2rem}.logo-section{justify-content:center}}@media (max-width: 480px){.footer-right{flex-direction:column;gap:1.5rem;align-items:center}.nav-column{text-align:center}}.mvp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mvp-modal-content{background:#fff;border-radius:16px;padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mvp-modal-logo{text-align:center;margin-bottom:1.5rem}.mvp-modal-logo img{height:50px;width:auto;opacity:.9}.mvp-modal-icon{text-align:center;font-size:3rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mvp-modal-title{text-align:center;font-size:1.75rem;font-weight:700;color:#213547;margin:0 0 1rem}.mvp-modal-divider{width:80px;height:3px;background:linear-gradient(90deg,#45c4c4,#2ea3a3);margin:0 auto 1.5rem;border-radius:2px}.mvp-modal-message{text-align:left}.mvp-modal-description{font-size:1rem;line-height:1.7;color:#555;margin:0 0 1.5rem}.mvp-modal-description strong{color:#45c4c4;font-weight:600}.mvp-modal-notice{background:#ffa5001a;border:2px solid #ffa500;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mvp-modal-notice h3{font-size:1.1rem;color:#e67e00;margin:0 0 1rem;font-weight:600}.mvp-modal-notice ul{margin:0;padding-left:1.5rem;list-style:disc}.mvp-modal-notice li{font-size:.95rem;line-height:1.6;color:#666;margin-bottom:.5rem}.mvp-modal-notice li:last-child{margin-bottom:0}.mvp-modal-notice strong{color:#333;font-weight:600}.mvp-modal-footer-text{font-size:.95rem;line-height:1.6;color:#666;margin:0;text-align:center;font-style:italic}.mvp-modal-close-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#45c4c4,#2ea3a3);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .2s ease;box-shadow:0 4px 12px #45c4c44d}.mvp-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #45c4c466}.mvp-modal-close-btn:active{transform:translateY(0)}@media (max-width: 768px){.mvp-modal-content{padding:2rem 1.5rem;max-height:85vh}.mvp-modal-title{font-size:1.5rem}.mvp-modal-icon{font-size:2.5rem}.mvp-modal-description{font-size:.95rem}.mvp-modal-notice{padding:1rem}.mvp-modal-notice h3{font-size:1rem}.mvp-modal-notice li{font-size:.9rem}}:root{--bg-1: #fbf3ec;--bg-2: #f7efe9;--accent-1: #ffe9d8;--focus: #ffd9b9;--focus-ring: rgba(255,190,140,.25);--text: #000;--muted: #444;--muted-2: #a7a7a7;--link: #00b6b4;--border: #e6e6e6;--divider: #cfcfcf;--pad-page: clamp(16px, 4vw, 48px);--radius-lg: 14px;--radius-xl: 30px;--shadow-sm: 0 2px 6px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.05);--shadow-lg: 0 6px 18px rgba(0,0,0,.08)}html,body{height:100%}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:var(--pad-page);background:radial-gradient(1200px 500px at 50% -10%,var(--accent-1) 0%,transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}.login-left{max-width:590px;width:100%;margin-inline-start:auto}.login-title{margin:0 0 2.5rem;font:500 clamp(32px,5vw,56px)/1 Manrope,system-ui,sans-serif;letter-spacing:.2px;text-align:center;color:var(--text);text-transform:capitalize}.login-form{display:grid;gap:.9rem;margin-top:.75rem}.login-form input{width:100%;padding:1.2rem 1rem;border:1px solid #eee;border-radius:var(--radius-lg);background:#fff;font-size:1rem;color:#000;outline:none;box-shadow:var(--shadow-md);transition:box-shadow .16s ease,border-color .16s ease,transform .08s ease}.login-form input::-moz-placeholder{color:var(--muted-2)}.login-form input::placeholder{color:var(--muted-2)}.login-form input:focus{border-color:var(--focus);box-shadow:var(--shadow-lg),0 0 0 3px var(--focus-ring);transform:translateY(-1px)}.primary-btn{margin-top:1.1rem;width:100%;padding:1.35rem;border:0;border-radius:var(--radius-xl);background:#0f0f0f;color:#fff;font:600 1.2rem/1.1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:background .2s ease,transform .08s ease}.login-form .primary-btn{padding:1.35rem;font-size:1.2rem;font-weight:600;line-height:1.1}.primary-btn:hover{background:#2a2a2a}.primary-btn:active{transform:translateY(1px)}.divider{display:flex;align-items:center;gap:.75rem;margin:1.6rem 0 1.2rem;color:var(--text);font:300 24px/1 Manrope,system-ui,sans-serif;text-transform:capitalize}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--divider)}.divider span{white-space:nowrap}.social-login{display:flex;gap:1rem;margin-bottom:1.25rem}.social-btn{flex:1;height:64px;padding:0;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:1.7rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center}.login-right{display:flex;justify-content:center;align-items:center}.login-right img{max-width:400px;width:100%;height:auto;display:block}.image-placeholder{width:min(520px,38vw);aspect-ratio:3 / 4;border:2px dashed #d8cfc5;border-radius:16px;display:grid;place-items:center;color:#b7a99c;background:#ffffff80}@media (max-width: 880px){.login-layout{grid-template-columns:1fr;gap:1.25rem}.login-left{margin:0 auto}.login-right{order:-1}.image-placeholder,.login-right img{max-width:520px;width:100%}}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 500px at 50% -10%,#ffe9d8 0%,transparent 60%),linear-gradient(180deg,#fbf3ec,#f7efe9)}.pillar-icon-container{position:absolute;top:25px;left:25px;z-index:10}.pillar-login-icon{width:74px;height:70px;-o-object-fit:contain;object-fit:contain}.signup-card{width:min(660px,92vw);padding:2.25rem 2rem;box-sizing:border-box}.auth-page .signup-card h1.title{color:#000!important;margin:0 0 2rem!important;text-align:center!important;font-size:clamp(32px,5vw,48px)!important;font-weight:300!important;letter-spacing:.2px;width:100%!important;position:static!important;padding:0;box-sizing:border-box;white-space:nowrap!important;overflow:visible!important;display:block!important}.auth-page .signup-card h1.title span{font-weight:800!important}.form{display:grid;gap:.9rem;margin-top:0;text-align:left}.form input{width:100%;padding:1.1rem 1rem;border:1px solid #eee;border-radius:14px;color:#000;background:#fff;font-size:1rem;outline:none;box-shadow:0 2px 8px #0000000d;transition:box-shadow .16s ease,border-color .16s ease,transform 80ms ease;box-sizing:border-box}.form input::-moz-placeholder{color:#a7a7a7}.form input::placeholder{color:#a7a7a7}.form input:focus{border-color:#ffd9b9;box-shadow:0 6px 18px #00000014,0 0 0 3px #ffbe8c40;transform:translateY(-1px)}.signup-card .primary-btn{margin-top:1.25rem;width:100%;padding:1.4rem;border:none;border-radius:30px;background:#000;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.signup-card .primary-btn:hover{background:#333}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#666;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ccc}.divider:not(:empty):before{margin-right:.75rem}.divider:not(:empty):after{margin-left:.75rem}.social-login{display:flex;justify-content:center;text-align:center;gap:1rem}.social-btn{width:70px;height:3.8rem;border:1px solid #ddd;border-radius:12px;background:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 6px #0000000d;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center}.fb,.google,.apple{color:#000}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.swap-auth{margin-top:.25rem;font-size:.98rem;color:var(--muted);display:flex;justify-content:center;gap:.25rem;align-items:center}.swap-auth .swap-text{display:inline-block}.links{color:var(--link);text-decoration:none;font-weight:700;padding-left:.25rem;cursor:pointer}.links:hover{text-decoration:underline;color:var(--link)}.course-container{width:100vw;height:100vh;background:#fff4eb;font-family:Helvetica,Arial,sans-serif;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden}.course-logo{position:absolute;top:25px;left:25px;width:90px;height:85px;-o-object-fit:contain;object-fit:contain}.main-content{position:absolute;top:200px;left:25px;width:min(520px,calc(100vw - 50px));bottom:120px;display:flex;flex-direction:column;align-items:flex-start;gap:72px}.main-heading{font-size:108px;line-height:.9;text-align:left;font-family:Manrope,Helvetica,Arial,sans-serif;font-weight:300;color:#0b0502}.main-heading>span{display:block}.add-your{font-weight:300}.first-word{font-weight:600;color:#0b0502}.form-section{display:flex;align-items:center;gap:18px}.course-input{width:280px;height:62px;background:linear-gradient(135deg,#fff9f4f5,#f7e4d1eb);border:none;border-radius:18px;box-shadow:0 26px 42px #6d442024;padding:18px 22px;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;color:#3a2d1f;outline:none;transition:all .2s ease}.course-input::-moz-placeholder{color:#bea890}.course-input::placeholder{color:#bea890}.course-input:focus{background:#fffcf8fa;box-shadow:0 30px 52px #6d44202e}.submit-btn{width:62px;height:62px;background:#080808;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.submit-btn:hover{background:#1a1a1a;transform:translateY(-1px)}.submit-btn svg{width:22px;height:22px;stroke:#fff;stroke-width:2px}@media (max-width: 1600px){.main-heading{font-size:96px}}@media (max-width: 1200px){.main-heading{font-size:76px;line-height:.95}.course-input{width:240px;font-size:18px}}@media (max-width: 900px){.main-heading{font-size:58px;line-height:1}.main-content{top:170px;left:25px;bottom:80px;gap:56px}.form-section{flex-direction:column;align-items:flex-start;gap:15px}.course-input{width:100%;max-width:400px}}@media (max-width: 600px){.course-logo{top:20px;left:20px;width:72px;height:68px}.RectangleAvatar{top:32px;right:20px;width:48px;height:48px}.main-heading{font-size:48px}.main-content{top:140px;left:20px;bottom:64px;width:min(480px,calc(100vw - 40px));gap:48px}.submit-btn{width:56px;height:56px}}.course-p2-container{width:100vw;min-height:100vh;background:#fff4eb;font-family:Manrope,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;padding:96px 40px;position:relative;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.floating-add-btn{position:fixed;left:clamp(16px,4vw,40px);bottom:clamp(18px,5vh,40px);width:68px;height:48px;border:none;border-radius:24px;background:radial-gradient(circle at 30% 30%,#ffffffeb,#f7e4d1eb);box-shadow:0 24px 40px #6d442029;color:#120a05;font-size:28px;font-weight:500;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease}.floating-add-btn:hover{transform:translateY(-3px);box-shadow:0 28px 46px #6d442033}.floating-add-btn:active{transform:translateY(0);box-shadow:0 18px 28px #6d442029}.course-p2-logo{position:absolute;top:25px;left:25px;width:90px;height:85px;-o-object-fit:contain;object-fit:contain}.course-p2-content{display:flex;justify-content:flex-start;align-items:center;gap:48px;margin:0 auto;width:100%;max-width:1180px;padding-top:24px}.course-p2-hero{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:min(460px,calc(100vw - 80px))}.course-p2-heading{font-size:clamp(60px,6.5vw,86px);line-height:.88;font-weight:300;color:#0b0502;text-align:left}.course-p2-heading span,.course-p2-line{display:block}.course-p2-heading .material{font-weight:600}.course-p2-actions{display:grid;grid-template-columns:repeat(2,130px);gap:14px;width:-moz-max-content;width:max-content}.course-p2-actions button{width:130px;height:48px;display:flex;align-items:center;justify-content:center}.course-p2-actions .secondary-btn,.course-p2-actions .primary-btn{margin-top:0;border:none;border-radius:26px;padding:0 32px;font-size:18px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 16px 32px #0808081f}.course-p2-actions .secondary-btn{background:#ffffffe6;color:#080808}.course-p2-actions .primary-btn{background:#080808;color:#fff}.course-p2-actions .secondary-btn:hover,.course-p2-actions .primary-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px #08080829}.course-p2-cards{flex:1;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 16px;align-content:start;justify-items:stretch;min-height:0;max-width:none;margin-top:8px;padding-bottom:24px}.upload-card{background:linear-gradient(180deg,#ffffffe6,#f7e4d1b8);border-radius:24px;box-shadow:0 28px 50px #6d44201f;padding:20px 20px 24px;display:flex;flex-direction:column;gap:16px;min-height:140px}.upload-card header{font-size:18px;font-weight:600;color:#080808;margin-bottom:2px}.drop-zone{background:linear-gradient(160deg,#ffffffd1,#f7e4d1a6);border-radius:20px;box-shadow:0 20px 34px #6d44201a;padding:12px;display:block;text-decoration:none;cursor:pointer;position:relative;transition:box-shadow .2s ease,transform .2s ease}.drop-zone:hover{box-shadow:0 30px 55px #6d44202e;transform:translateY(-2px)}.drop-zone.additional{transition:box-shadow .2s ease,transform .2s ease,border .2s ease}.drop-zone.is-dragging{box-shadow:0 32px 60px #6d442038;transform:translateY(-3px)}.drop-zone.is-dragging .drop-inner{background:#fffffffa}.drop-inner{background:#fffffff5;border-radius:18px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-height:96px}.drop-icon{width:30px;height:18px;border:1.5px solid #c4b5a2;border-bottom:none;border-radius:14px 14px 0 0;position:relative}.drop-icon:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);width:1.5px;height:14px;background:#c4b5a2}.drop-text{font-size:12px;color:#9a8a78}.file-name{font-size:14px;font-weight:500;color:#3a2d1f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input{display:none}.additional-files-card{grid-column:1 / -1;min-height:0;display:flex;flex-direction:column;gap:12px}.additional-files-card .drop-zone{flex:0 0 auto;margin-bottom:8px}.uploads-section{display:flex;flex-direction:column;flex:1;min-height:0}.upload-preview{margin-top:14px}.uploads-list{display:flex;flex-direction:column;gap:12px;margin-top:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.additional-files-card .uploads-list{max-height:240px}.uploads-label{font-size:14px;font-weight:700;color:#080808;margin-bottom:6px}.empty-upload{font-size:14px;color:#9a8a78;padding:12px 0;text-align:center}.upload-item{display:flex;align-items:center;gap:16px;background:linear-gradient(160deg,#fffffff5,#f7e4d1d1);box-shadow:0 18px 34px #6d442029;border-radius:18px;padding:14px 18px;flex-shrink:0}.badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#08080814;color:#7c6a57;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge.zip{background:#0808081f;color:#080808}.badge.pdf{background:#ffe9d0cc;color:#a86d3d}.badge.doc{background:#d4e2ffd9;color:#355294}.upload-info{display:flex;flex-direction:column;gap:4px;flex:1}.upload-info .name{font-size:14px;color:#080808}.upload-info .meta{font-size:12px;color:#9a8a78}.icon-btn{width:34px;height:34px;border:none;border-radius:50%;background:transparent;position:relative;cursor:pointer;transition:background .2s ease}.icon-btn:before,.icon-btn:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#080808;transform:translate(-50%,-50%) rotate(45deg)}.icon-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.icon-btn:hover{background:#08080814}@media (max-width: 1200px){.course-p2-content{gap:36px}}@media (max-width: 980px){.course-p2-content{flex-direction:column;gap:48px}.course-p2-hero{flex:none;width:100%;gap:40px}.course-p2-cards{grid-template-columns:minmax(0,1fr);max-width:none}.additional-files-card{grid-column:auto}}@media (max-width: 640px){.course-p2-heading{font-size:clamp(46px,12vw,56px)}.course-p2-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.course-p2-hero{gap:36px}.course-p2-logo{top:20px;left:20px;width:72px;height:68px}.course-p2-container{padding:84px 20px 36px}.course-p2-content{gap:36px}}.course-card{width:200px;border-radius:10px;overflow:hidden;background:#fefaf7;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:transform .2s ease;display:flex;flex-direction:column;position:relative}.course-card:hover{transform:translateY(-4px)}.card-image{position:relative;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center}.card-image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.menu-dots{position:absolute;top:10px;right:10px;background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s ease;padding:8px}.course-card:hover .menu-dots{opacity:1}.menu-dots span{width:5px;height:5px;background-color:#fff;border-radius:50%;display:block}.card-info{padding:12px;text-align:left}.card-info h3{margin:0;font-size:15px;font-weight:600;color:#0b0b0b}.card-info p{margin-top:4px;color:#666;font-size:13px;font-weight:500}.course-grid-container{position:relative;background-color:#fdf5ef;min-height:85vh;width:100%}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:20px;justify-items:center;padding:20px 20px 100px;list-style:none;margin:0;position:relative}.course-grid li{flex:0 1 200px;display:flex;cursor:pointer}.add-course-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:20px;width:320px;position:relative;box-shadow:0 10px 40px #0003}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0}.close-btn:hover{color:#000}.course-title-input{width:100%;border:none;font-size:20px;font-weight:600;margin-bottom:5px;padding:10px;outline:none;background-color:#fff;color:#000;border-radius:5px}.course-code-input{width:100%;border:none;font-size:14px;font-weight:600;margin-bottom:20px;padding:10px;outline:none;background-color:#fff;color:#000;border-radius:5px}.image-preview{width:100%;height:200px;background-color:#f0f0f0;border-radius:10px;margin-bottom:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-placeholder{color:#666;font-size:14px}.change-cover-btn{width:100%;background-color:#333;color:#fff;border:none;padding:12px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px}.change-cover-btn label{cursor:pointer;width:100%;display:block}.change-cover-btn:hover{background-color:#444}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.action-btn{background-color:#fff;border:2px dashed #ddd;border-radius:10px;padding:20px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#666;transition:border-color .2s}.action-btn:hover{border-color:#999}.action-btn svg{width:24px;height:24px}.add-btn{width:100%;background-color:#4caf50;color:#fff;border:none;padding:12px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500}.add-btn:hover{background-color:#45a049}.fc-added-root{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#fff4eb;display:flex;flex-direction:column}.fc-added-logo{position:absolute;top:25px;left:25px;width:90px;height:auto;max-height:10vh;-o-object-fit:contain;object-fit:contain;z-index:50}.fc-added-content{width:100%;height:100%;padding-top:calc(10vh + 20px);padding-bottom:25px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.fc-added-rectangle-avatar{position:absolute;top:45px;right:29px;width:55px;height:55px;-o-object-fit:contain;object-fit:contain}:root{--bg: #FFF4EB;--text: #080808;--muted: #999796;--glass: rgba(255, 255, 255, .56);--pillTrans: rgba(255, 255, 255, .37);--shadow: 3px 4px 10px rgba(0,0,0,.16);--shadow-soft: 3px 4px 5.8px rgba(0,0,0,.08)}.AdditionalCourseAdd{width:1512px;height:896px;position:relative;background:var(--bg);overflow:hidden;font-family:Helvetica,Arial,sans-serif}.top-pill{width:217px;height:39px;left:1261px;top:100px;position:absolute;border-radius:20px}.translucent-pill{width:217px;height:39px;left:0;top:0;position:absolute;background:var(--pillTrans);box-shadow:3px 4px 5.5px #0000001a;border-radius:19.5px}.widgets-pill{width:162px;height:39px;left:1261px;top:53px;position:absolute;border-radius:19.5px}.dark-pill{background:#080808;box-shadow:0 4px 5.5px #00000029}.done-pill{left:242px;top:580px;width:162px;height:39px;position:absolute;border-radius:19.5px}.back-pill{left:59px;top:580px;width:162px;height:39px;position:absolute;border-radius:19.5px;background:#fff;box-shadow:0 4px 5.5px #00000029}.Widgets{width:103.73px;left:1318px;top:106px;position:absolute;text-align:center;color:#000;font-size:20px;font-weight:400}.RealWorld{width:144px;left:1270px;top:59px;position:absolute;text-align:center;color:#fff;font-size:20px;font-weight:400;letter-spacing:.4px}.Done{width:144px;left:251px;top:586px;position:absolute;text-align:center;color:#fff;font-size:20px;font-weight:400;letter-spacing:.4px}.Back{width:144px;left:68px;top:586px;position:absolute;text-align:center;color:var(--text);font-size:20px;font-weight:400;letter-spacing:.4px}.Screenshot20250813At81303Pm1{width:90px;height:85px;left:36px;top:32px;position:absolute}.small-avatar{width:55px;height:55px;left:1428px;top:45px;position:absolute}.floating-square{width:86px;height:86px;left:59px;top:757px;position:absolute;background:transparent;box-shadow:var(--shadow);border-radius:11px}.Frame33{position:absolute;background:transparent;box-shadow:var(--shadow);border-radius:11px}.main-file{width:303px;height:236px;left:613px;top:509px}.additional-files{width:303px;height:419px;left:948px;top:241px}.syllabus{width:303px;height:236px;left:613px;top:241px}.glass{background:var(--glass);box-shadow:var(--shadow-soft);border-radius:6px}.main-file .Rectangle86,.syllabus .Rectangle86,.additional-files .Rectangle86{width:216px;height:119px;left:44px;top:82px;position:absolute}.MainFile{left:95px;top:26px;position:absolute;text-align:center;color:#000;font-size:24px;font-weight:700}.AdditionalFiles{left:62px;top:26px;position:absolute;text-align:center;color:#000;font-size:24px;font-weight:700}.Syllabus{left:97px;top:26px;position:absolute;text-align:center;color:var(--text);font-size:24px;font-weight:700}.DragOrDropYourFileHere{left:82px;top:157px;position:absolute;text-align:center;color:var(--muted);font-size:12px;font-weight:400}.center-msg{left:82px;top:157px}.LetsIconsUploadLight{width:42px;height:42px;left:131px;top:112px;position:absolute;opacity:.8;display:flex;align-items:center;justify-content:center}.LetsIconsUploadLight .upload-icon{width:42px;height:42px}.additional-files .repeat{left:131px;top:112px}.additional-files .line{width:216px;height:44px;left:44px;position:absolute}.additional-files .Rectangle87{top:240px}.additional-files .Rectangle390{top:290px}.additional-files .Rectangle392{top:340px;height:53px}.file-badge{width:29px;height:29px;position:absolute;background:#adaba926;border-radius:6px}.file-badge.first{left:53px;top:248px}.file-badge.second{left:53px;top:298px}.file-badge.third{left:53px;top:348px}.Pdf{position:absolute;text-align:center;color:var(--muted);font-size:8px;font-weight:700}.pdf1{left:59px;top:259px}.pdf2{left:59px;top:309px}.Zip{left:61px;top:359px;position:absolute;text-align:center;color:var(--muted);font-size:8px;font-weight:700}.Mb{position:absolute;color:var(--muted);font-size:10px;font-weight:400}.mb1{left:88px;top:264px}.mb2{left:88px;top:314px}.MbOf300Mb{left:88px;top:364px;position:absolute;color:var(--muted);font-size:10px;font-weight:400}.Uploads{left:44px;top:220px;position:absolute;color:#000;font-size:12px;font-weight:700}.ProductCatalogPdf{left:88px;top:252px;position:absolute;color:#000;font-size:10px;font-weight:400}.Cinema4dProjectPdf{left:88px;top:302px;position:absolute;color:#000;font-size:10px;font-weight:400}.BlenderProjectZip{left:88px;top:352px;position:absolute;color:#000;font-size:10px;font-weight:400}.Image47{width:15px;height:15px;left:237px;top:255px;position:absolute}.Image48{width:15px;height:15px;left:237px;top:305px;position:absolute}.AddAnotherCourse{width:488px;height:341px;left:59px;top:211px;position:absolute}.AddAnotherCourseLight{color:#000;font-size:128px;font-weight:300;line-height:111px;overflow-wrap:break-word}.AddAnotherCourseBold{color:#000;font-size:128px;font-weight:400;line-height:111px;overflow-wrap:break-word}.course-name{width:303px;height:50px;left:613px;top:172px;background:#fffaf6}.class-num{width:303px;height:50px;left:948px;top:172px;background:#fffaf6}.CourseName,.Class{width:185px;left:15px;top:11px;position:absolute;color:var(--muted);font-size:24px;font-weight:400}.Rectangle{display:block}.widgets-pill,.done-pill,.back-pill{border-radius:19.5px}.another-course-root{padding-top:72px}.another-course-root .course-p2-content{padding-top:8px}.course-meta-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.course-meta-input{width:100%;padding:18px 22px;border:none;border-radius:24px;background:linear-gradient(145deg,#fff9f4f5,#f7e4d1e6);box-shadow:0 24px 38px #6d442024;font-size:1rem;font-weight:500;color:#3a2d1f;transition:box-shadow .2s ease,transform .18s ease,background .2s ease}.course-meta-input::-moz-placeholder{color:#b6a999;font-weight:500}.course-meta-input::placeholder{color:#b6a999;font-weight:500}.course-meta-input:focus{outline:none;background:#fffcf8fa;box-shadow:0 30px 52px #6d44202e;transform:translateY(-1px)}@media (max-width: 720px){.course-meta-row{grid-template-columns:minmax(0,1fr)}}.four-courses{width:1512px;height:896px;position:relative;background:#fff4eb;overflow:hidden}.rect385{position:absolute;width:249.29px;height:321px;border-radius:10px}.r385-a{left:54px;top:519px;background:#145466}.r385-b{left:325px;top:519px;background:#000;border:1px solid #000}.r385-c{left:325px;top:188px;background:#145466}.r385-d{left:54px;top:188px;background:#000;border:1px solid #000}.rect-img{position:absolute;width:204px;height:204px}.ri-a{left:347px;top:195px}.ri-b{left:77px;top:192px}.ri-c{left:77px;top:526px}.ri-d{left:552px;top:732px;transform:rotate(180deg);transform-origin:top left}.pillars-icon{position:absolute;width:70px;height:70px;left:1280px;top:826px}.pillars-label{position:absolute;left:1265px;top:792px;color:#000;font:400 24px Helvetica,sans-serif}.pill-frame{position:absolute;left:1261px;top:110px;width:217px;height:39px;border-radius:20px}.pill-translucent{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff5e;box-shadow:3px 4px 5.5px #0000001a;border-radius:19.5px}.widgets-text{position:absolute;width:103.73px;left:1318px;top:116px;text-align:center;color:#000;font:400 20px Manrope,sans-serif}.pill-dark{position:absolute;left:1261px;top:53px;width:162px;height:39px;background:#080808;box-shadow:0 4px 5.5px #00000029;border-radius:19.5px}.real-world-text{position:absolute;width:144px;left:1270px;top:59px;text-align:center;color:#fff;font:400 20px Manrope,sans-serif;letter-spacing:.4px}.logo{position:absolute;width:90px;height:85px;left:36px;top:32px}.avatar{position:absolute;width:55px;height:55px;left:1428px;top:45px}.title{position:absolute;width:205px;color:#000;font:400 24px Helvetica,sans-serif;word-wrap:break-word}.code{position:absolute;color:#000;font:600 16px Geist,sans-serif}.t-a{left:71px;top:410px;width:185px}.c-a{left:71px;top:475px}.t-b{left:71px;top:741px;width:185px;font-family:Geist,sans-serif}.c-b{left:71px;top:806px}.t-c{left:342px;top:741px;width:185px;font-family:Geist,sans-serif}.c-c{left:344px;top:806px}.t-d{left:342px;top:410px}.c-d{left:344px;top:475px}.bar{position:absolute;background:#45c4c4}.bar-a{width:75px;height:20px;left:167px;top:245px}.bar-b{width:69px;height:16px;left:391px;top:257px}.bar-c{width:84px;height:21px;left:160px;top:579px}.bar-d{width:90px;height:20px;left:382px;top:582px}.float-box{position:absolute;width:86px;height:86px;left:595px;top:750px;background:#0000;box-shadow:3px 4px 10px #00000029;border-radius:11px}.calendar-card{position:absolute;left:1119px;top:306px;width:356.99px;height:282.24px;background:#0000;box-shadow:3px 4px 10px #00000029;border-radius:11px}.calendar-card .dot{position:absolute;width:32.22px;height:32.22px;left:236.57px;top:197.96px;background:#000;border:1px solid #000;border-radius:9999px}.wd,.wk,.d,.month{position:absolute;color:#000;text-transform:capitalize;font-family:Geist,sans-serif}.wd{font-weight:600;font-size:11px;text-align:center}.wk,.d{font-weight:300;font-size:13px;text-align:center}.month{left:182.59px;top:21px;width:118.57px;height:54.13px;text-align:right;font-weight:500;font-size:32px}.d01{left:56.29px;top:100.9px}.m{left:60.16px;top:75.13px}.t1{left:98.82px;top:75.13px}.w{left:133.62px;top:75.13px}.t2{left:173.57px;top:75.13px}.f{left:212.23px;top:75.13px}.s1{left:248.31px;top:75.13px}.s2{left:285.69px;top:75.13px}.d08{left:55px;top:135.7px}.d15{left:57.58px;top:170.5px}.d22{left:55px;top:205.29px}.d29{left:55px;top:240.09px}.d02{left:92.38px;top:100.9px}.d09{left:92.38px;top:135.7px}.d16{left:94.95px;top:170.5px}.d23{left:92.38px;top:205.29px}.d30{left:92.38px;top:240.09px}.d03{left:129.75px;top:100.9px}.d10{left:131.04px;top:135.7px}.d17{left:132.33px;top:170.5px}.d24{left:129.75px;top:205.29px}.d31{left:132.33px;top:240.09px}.d04{left:167.12px;top:100.9px}.d11{left:170.99px;top:135.7px}.d18{left:169.7px;top:170.5px}.d25{left:167.12px;top:205.29px}.d05{left:204.5px;top:100.9px}.d12{left:207.07px;top:135.7px}.d19{left:207.07px;top:170.5px}.d26{left:204.5px;top:205.29px}.d06{left:241.87px;top:100.9px}.d13{left:244.45px;top:135.7px}.d20{left:241.87px;top:170.5px}.d27{left:243.16px;top:205.29px}.d27.white{color:#fff}.d07{left:280.53px;top:100.9px}.d14{left:281.82px;top:135.7px}.d21{left:281.82px;top:170.5px}.d28{left:279.24px;top:205.29px}.music-pill{position:absolute;width:220px;height:61px;left:864px;top:228px;background:#020202;border-radius:20px}.music-pfp{position:absolute;width:42px;height:41px;left:874px;top:237px;background:#fff;border-radius:9999px}.music-title{position:absolute;width:90px;height:18px;left:936px;top:249px;color:#fff;font:300 11px Geist,sans-serif;text-transform:capitalize}.music-rect{position:absolute;width:33px;height:34px;left:1037px;top:241px;background:#d9d9d9;border-radius:5px}.timer-card{position:absolute;width:290px;height:117px;left:1152px;top:175px;background:#0000;box-shadow:3px 4px 10px #00000029;border-radius:11px}.timer-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff4eb;opacity:.1;border-radius:10px}.timer-label{position:absolute;color:#000;font:300 16px Geist,sans-serif;text-transform:capitalize;text-align:center}.timer-label.day{left:1181px;top:228px}.timer-label.hours{left:1234px;top:228px}.timer-label.mins{left:1307px;top:228px}.timer-label.sec{left:1376px;top:228px}.timer-sub{position:absolute;left:1242px;top:264px;color:#000;font:300 11px Geist,sans-serif;text-align:center;text-transform:capitalize}.timer-num{position:absolute;text-align:center;color:#000;font:300 32px Geist,sans-serif;text-transform:capitalize}.n1{left:1188.09px;top:190.04px;width:15.47px;height:54.13px}.n2{left:1229.33px;top:190.04px;width:54.13px;height:54.13px}.n3{left:1297.63px;top:190.04px;width:54.13px;height:54.13px}.n4{left:1363.36px;top:190.04px;width:54.13px;height:54.13px}.colon{position:absolute;text-align:center;color:#000;font:300 20px Geist,sans-serif;text-transform:capitalize;width:7.73px;height:33.51px}.c1{left:1354.34px;top:197.77px}.c2{left:1287.32px;top:197.77px}.c3{left:1213.86px;top:197.77px}.todo-card{position:absolute;left:858px;top:328px;width:218px;height:196.2px;background:#0000;box-shadow:3px 4px 10px #00000029;border-radius:11px}.todo-title{position:absolute;left:878.35px;top:346.89px;color:#000;font:600 11px Manrope,sans-serif;text-transform:capitalize}.todo-dot{position:absolute;width:15.99px;height:15.99px;border-radius:9999px;border:.5px solid #000}.todo-dot.t1{left:878.35px;top:387.59px}.todo-dot.t2{left:878.35px;top:407.93px}.todo-dot.t3{left:878.35px;top:428.28px}.todo-dot.t4{left:878.35px;top:448.63px}.todo-line{position:absolute;height:0;outline:.5px solid #000;outline-offset:-.25px}.todo-line.l1{left:904.51px;top:394.85px;width:138.07px}.todo-line.l2{left:904.51px;top:415.2px;width:138.07px}.todo-line.l3{left:904.51px;top:435.55px;width:138.07px}.todo-line.l4{left:904.51px;top:455.89px;width:138.07px}.todo-bubble{position:absolute;left:953.92px;top:474.79px;width:30.52px;height:30.52px;background:#fff4eb;border:.5px solid #000;border-radius:9999px}.todo-plus.v{position:absolute;left:968.45px;top:483.51px;width:13.08px;height:0;transform:rotate(90deg);outline:1px solid #000;outline-offset:-.5px}.todo-plus.h{position:absolute;left:975.72px;top:489.32px;width:13.08px;height:0;transform:rotate(180deg);outline:1px solid #000;outline-offset:-.5px}.mini-img{position:absolute;left:1037px;top:241px;width:33px;height:34px;border-radius:5px}.maintenance-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#f5f5f5,#fff);padding:2rem;position:relative}.maintenance-back-btn{position:absolute;top:2rem;left:2rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:500;color:#213547;cursor:pointer;transition:all .2s ease;z-index:10}.maintenance-back-btn:hover{background:#45c4c4;color:#fff;border-color:#45c4c4;transform:translate(-2px)}.maintenance-back-btn:active{transform:translate(-1px)}.maintenance-content{max-width:700px;width:100%;text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-logo{margin-bottom:2rem}.maintenance-logo img{height:60px;width:auto;opacity:.9}.maintenance-icon{font-size:4rem;margin-bottom:1.5rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{font-size:2.5rem;font-weight:700;color:#213547;margin:0 0 1.5rem;line-height:1.2;letter-spacing:.5px}.maintenance-divider{width:100px;height:4px;background:linear-gradient(90deg,#45c4c4,#2ea3a3);margin:0 auto 2rem;border-radius:2px}.maintenance-message{margin-bottom:2rem}.maintenance-heading{font-size:1.25rem;font-weight:600;color:#45c4c4;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.maintenance-description{font-size:1.1rem;line-height:1.7;color:#666;margin:0;padding:0 1rem}.maintenance-status{display:flex;justify-content:center;margin-bottom:2.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#45c4c41a;border:2px solid #45C4C4;border-radius:24px;font-weight:500;color:#2ea3a3}.status-dot{width:10px;height:10px;background:#45c4c4;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.status-text{font-size:.95rem;font-weight:600}.maintenance-features{margin-bottom:2rem;padding:2rem;background:#45c4c40d;border-radius:12px}.maintenance-features h3{font-size:1.2rem;color:#213547;margin:0 0 1.5rem;font-weight:600}.maintenance-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.maintenance-features li{font-size:1rem;color:#555;padding:.75rem;background:#fff;border-radius:8px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.maintenance-features li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.maintenance-footer{padding-top:2rem;border-top:1px solid #e0e0e0;margin-top:1rem}.maintenance-footer p{margin:0;font-size:1rem;color:#888;font-weight:500}@media (max-width: 768px){.maintenance-back-btn{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.9rem}.maintenance-content{padding:2rem 1.5rem}.maintenance-title{font-size:2rem}.maintenance-icon{font-size:3rem}.maintenance-description{padding:0 .5rem;font-size:1rem}.maintenance-features{padding:1.5rem 1rem}.maintenance-features ul{grid-template-columns:1fr}}.course-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.course-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.course-header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.course-info{display:flex;align-items:center;gap:1rem}.back-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;color:#64748b;cursor:pointer;font-size:.9rem;transition:all .2s}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.course-identity{display:flex;align-items:center;gap:1rem}.course-icon{font-size:2.5rem}.course-title h1{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3;letter-spacing:-.025em}.course-code{display:inline-block;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-top:.25rem}.course-actions{display:flex;align-items:center;gap:1rem}.user-greeting{color:#64748b;font-size:.9rem}.course-nav{display:flex;padding:0 2rem;max-width:1400px;margin:0 auto;border-top:1px solid #e2e8f0}.nav-tab{background:none;border:none;padding:1rem 1.5rem;color:#64748b;font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.nav-tab:hover{color:#475569;background:#f8fafc}.nav-tab.active{color:#667eea;border-bottom-color:#667eea;background:#667eea08;font-weight:700}.count-badge{background:#e2e8f0;color:#64748b;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.nav-tab.active .count-badge{background:#667eea20;color:#667eea}.course-main{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:2rem}.tab-content{height:100%}.placeholder-content{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:600px;margin:0 auto}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-content h3{font-size:1.8rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.placeholder-content>p{color:#64748b;font-size:1rem;margin-bottom:2rem;line-height:1.6}.feature-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:left;margin-top:2rem}.feature-preview h4{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem}.feature-preview ul{list-style:none;padding:0;margin:0}.feature-preview li{color:#6b7280;position:relative;padding:.5rem 0 .5rem 1.5rem}.feature-preview li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.error-container h2{font-size:1.8rem;color:#dc2626;margin-bottom:1rem}.error-container p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.back-home-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.back-home-btn:hover{background:#5a67d8;transform:translateY(-1px)}@media (max-width: 768px){.course-header-content{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.course-info{justify-content:space-between}.course-identity{gap:.75rem}.course-icon{font-size:2rem}.course-title h1{font-size:1.4rem}.course-nav{padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.course-nav::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;padding:.75rem 1rem;font-size:.9rem}.course-main{padding:1rem}.placeholder-content{padding:2rem 1rem}.placeholder-icon{font-size:3rem}.placeholder-content h3{font-size:1.5rem}}@media (max-width: 480px){.course-header-content{padding:.75rem}.course-info{flex-direction:column;align-items:flex-start;gap:.75rem}.course-identity{width:100%}.course-title h1{font-size:1.2rem}.course-actions{flex-direction:column;align-items:stretch;gap:.5rem}}.course-library-page{min-height:100vh;background:#fdf4ec;color:#0a0806;font-family:Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;position:relative;padding:48px clamp(24px,6vw,80px) 64px;box-sizing:border-box}.course-library-page__header{display:flex;justify-content:space-between;align-items:center}.course-library-page__back{width:48px;height:48px;border-radius:50%;border:none;background:#0a0806;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;box-shadow:0 0 0 2px #0a080614}.course-library-page__back span{display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;border-bottom:3px solid #fdf4ec;border-left:3px solid #fdf4ec;transform:translate(-50%,-50%) rotate(45deg)}.course-library-page__back:hover{transform:translateY(-2px)}.course-library-page__code{font-size:18px;font-weight:600;letter-spacing:.05em}.course-library-page__body{flex:1}.course-library-page__tray-container{position:absolute;left:50%;bottom:clamp(32px,10vh,100px);transform:translate(-50%);width:min(92vw,720px);display:flex;justify-content:center}.course-library-page__tray-container--open{pointer-events:none}.course-library-page__capsule{width:160px;height:48px;background:#0a0806;color:#fdf4ec;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 22px #0a080640;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease,color .2s ease,width .24s ease;pointer-events:auto;border:none;outline:none}.course-library-page__capsule:hover{transform:translateY(-3px);box-shadow:0 18px 28px #0a080647}.course-library-page__capsule:focus-visible{outline:3px solid rgba(10,8,6,.4);outline-offset:4px}.course-library-page__capsule-bar{width:2px;height:70%;background:currentColor;display:block}.course-library-page__capsule--open{width:auto;min-width:clamp(320px,70vw,520px);background:#0a0806;color:#fdf4ec;border-radius:999px;padding:12px 20px;box-shadow:0 18px 36px #0000002e;transform:none;transition:padding .2s ease,box-shadow .2s ease,width .24s ease,min-width .24s ease}.course-library-page__capsule--open:hover{transform:none;box-shadow:0 24px 46px #00000038}.course-library-page__capsule--open:focus-visible{outline:none}.course-library-page__capsule--open .course-library-page__capsule-bar{display:none}.course-library-page__capsule--open .course-library-page__tray-rail{position:relative;display:flex;align-items:center;gap:14px;padding:12px 24px;background:#0a0806;border-radius:999px;box-shadow:0 12px 24px #0a08063d;pointer-events:auto}.course-library-page__capsule--open .course-library-page__tray-rail:before,.course-library-page__capsule--open .course-library-page__tray-rail:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#0a0806;border-radius:50%;box-shadow:0 12px 24px #0a08063d}.course-library-page__capsule--open .course-library-page__tray-rail:before{left:-22px}.course-library-page__capsule--open .course-library-page__tray-rail:after{right:-22px}.course-library-page__tray-button{width:52px;height:52px;border-radius:12px;border:1px solid #dbc8b9;background:#fef9f3;color:#0a0806;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px #0a080624;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.course-library-page__tray-button:hover{transform:translateY(-4px);box-shadow:0 14px 24px #0a08062e}.course-library-page__tray-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}.course-library-page__dock{position:fixed;right:0;top:50%;transform:translateY(-50%);width:84px;height:84px;background:#0a0806;color:#fdf4ec;border-radius:20px 0 0 20px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background-color .18s ease;box-shadow:0 22px 40px #0a080652}.course-library-page__dock:hover{transform:translateY(-50%) translate(-6px)}.course-library-page__dock--open{background:#15110e}.course-library-page__dock:focus-visible{outline:3px solid rgba(253,244,236,.6);outline-offset:4px}.course-library-page__dock-bars{width:28px;height:28px;display:block;background:linear-gradient(currentColor,currentColor) left center/2px 22px,linear-gradient(currentColor,currentColor) center center/2px 22px,linear-gradient(currentColor,currentColor) right center/2px 22px;background-repeat:no-repeat}.course-library-page__dock-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);height:auto;width:clamp(180px,22vw,220px);background:#0a0806;color:#fdf4ec;padding:clamp(20px,5vh,32px) clamp(20px,5vw,32px);border-radius:28px 0 0 28px;box-shadow:0 28px 60px #00000059;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(16px,4vh,28px);z-index:12}.course-library-page__dock-close{align-self:flex-end;width:32px;height:32px;border-radius:50%;border:none;background:#fdf4ec14;color:#fdf4ec;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .18s ease,transform .18s ease}.course-library-page__dock-close span{position:absolute;width:14px;height:2px;background:currentColor;border-radius:999px;transition:background-color .18s ease}.course-library-page__dock-close span:first-child{transform:rotate(45deg)}.course-library-page__dock-close span:last-child{transform:rotate(-45deg)}.course-library-page__dock-close:hover{background:#fdf4ec2e;transform:scale(1.05)}.course-library-page__dock-close:focus-visible{outline:3px solid rgba(253,244,236,.6);outline-offset:4px}.course-library-page__dock-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,3vh,20px);font-size:clamp(18px,2vw,24px)}.course-library-page__dock-list button{background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0;transition:transform .18s ease,opacity .18s ease}.course-library-page__dock-list button:hover,.course-library-page__dock-list button:focus-visible{transform:translate(6px);opacity:.7}@media (max-width: 768px){.course-library-page{padding-top:32px;padding-bottom:56px}.course-library-page__tray-container{width:min(94vw,560px);bottom:clamp(24px,18vh,80px)}.course-library-page__capsule{width:130px;height:40px}.course-library-page__capsule--open{min-width:clamp(260px,82vw,420px);padding:10px 18px}.course-library-page__capsule--open .course-library-page__tray-rail{padding:10px 20px;gap:12px}.course-library-page__tray-button{width:48px;height:48px;border-radius:12px}.course-library-page__capsule--open .course-library-page__tray-rail:before,.course-library-page__capsule--open .course-library-page__tray-rail:after{width:32px;height:32px}.course-library-page__capsule--open .course-library-page__tray-rail:before{left:-16px}.course-library-page__capsule--open .course-library-page__tray-rail:after{right:-16px}.course-library-page__dock{width:68px;height:68px;border-radius:16px 0 0 16px}.course-library-page__dock-bars{width:22px;height:22px;background:linear-gradient(currentColor,currentColor) left center/2px 18px,linear-gradient(currentColor,currentColor) center center/2px 18px,linear-gradient(currentColor,currentColor) right center/2px 18px}.course-library-page__dock-panel{top:50%;width:min(220px,78vw);padding:18px clamp(16px,8vw,28px);border-radius:24px 0 0 24px;gap:clamp(12px,6vw,24px);transform:translateY(-50%)}.course-library-page__dock-list{gap:clamp(10px,4vw,18px);font-size:clamp(16px,4.2vw,22px)}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!inline{display:inline!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:#f5f5f5;min-width:320px;min-height:100vh;margin:0}body:has(.app-container){flex-direction:column;display:flex}h1{color:#213547;font-size:3.2em;line-height:1.1}button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{color:#666;cursor:not-allowed;background-color:#ccc}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-rgb-color: 37, 99, 235;--primary-hover: #1d4ed8;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--background-primary: #ffffff;--background-secondary: #f9fafb;--background-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-hover: #d1d5db;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-secondary);color:var(--text-primary);line-height:1.5;margin:0;padding:0}.app-container{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-primary)}body:has(.app-container) #root{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}#root:has(.app-container){height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.header{background-color:var(--background-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:100%}.header-left{display:flex;align-items:center;gap:3rem}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}.nav-tabs{display:flex;gap:.5rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.nav-tab:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.nav-tab.active{background-color:var(--primary-color);color:#fff}.count-badge{background-color:#fff3;padding:.125rem .375rem;border-radius:12px;font-size:.75rem;font-weight:600}.nav-tab:not(.active) .count-badge{background-color:var(--background-tertiary);color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1rem}.user-greeting{color:var(--text-secondary);font-size:.875rem;font-weight:500}.logout-btn{padding:.5rem 1rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.logout-btn:hover{background-color:var(--text-primary)}.main-content{flex:1;display:flex;overflow:hidden;height:100%;width:100%;min-height:0}.full-width{width:100%;height:100%;flex:1;display:flex;flex-direction:column}.sidebar{width:320px;background-color:var(--background-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.new-conversation-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.new-conversation-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.plus-icon{font-size:1.125rem;font-weight:300}.conversations-list{flex:1;overflow-y:auto;padding:1rem}.conversation-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;margin-bottom:.5rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.conversation-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.conversation-item.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.conversation-item.active .conversation-meta,.conversation-item.active .conversation-preview{color:#fffc}.conversation-item.deleting{opacity:.5;transform:scale(.98);pointer-events:none;border-color:var(--error-color)}.conversation-content{flex:1;min-width:0}.conversation-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;margin-bottom:.25rem;line-height:1.25}.conversation-preview{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{font-size:.75rem;color:var(--text-muted);line-height:1.2}.deleting-text{color:var(--error-color);font-weight:600}.delete-btn{padding:.25rem .5rem;background-color:#0000001a;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);opacity:.7}.delete-btn:hover{background-color:var(--error-color);color:#fff;opacity:1}.conversation-item.active .delete-btn{background-color:#fff3;color:#fff}.conversation-item.active .delete-btn:hover{background-color:#ffffff4d}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.clear-all-btn{width:100%;padding:.5rem 1rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition)}.clear-all-btn:hover{background-color:var(--error-color)}.chat-area{flex:1;display:flex;flex-direction:column;background-color:var(--background-primary)}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--background-primary)}.chat-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.chat-meta{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.messages-container{flex:1;overflow-y:auto;padding:2rem;background-color:var(--background-secondary)}.message-group{margin-bottom:2rem}.message{display:flex;margin-bottom:.75rem}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{max-width:70%;padding:1rem 1.25rem;border-radius:var(--radius-xl);position:relative}.user-message .message-content{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:var(--radius-sm)}.ai-message .message-content{background-color:var(--background-primary);border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.message-text{line-height:1.6}.screen-capture{margin-bottom:.75rem;border-radius:var(--radius-md);overflow:hidden;background-color:#fff}.screen-capture-image{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block}.message-meta{font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:.5rem;margin-top:.75rem}.message-meta-badge{display:inline-block;position:relative;background:var(--background-tertiary);color:var(--text-muted);font-size:.75em;font-family:inherit;font-weight:inherit;border-radius:8px;padding:.08em .7em;margin-left:.75em;letter-spacing:.01em;line-height:1.6;border:1px solid var(--border-color);transition:background .2s}.loading-response{display:flex;justify-content:center;align-items:center;min-height:3rem;width:100%}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary)}.welcome-content{text-align:center;max-width:400px;padding:2rem}.welcome-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--text-muted)}.welcome-content h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.welcome-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.welcome-btn{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.welcome-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.message-input-container{padding:1.5rem 2rem;border-top:1px solid var(--border-color);background-color:var(--background-primary)}.screen-capture-preview{width:-moz-fit-content;width:fit-content;margin-bottom:1rem;padding:1rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.preview-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.preview-close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:0;transition:var(--transition)}.preview-close:hover{color:var(--text-primary)}.preview-images{position:relative;width:220px;height:180px}.preview-image{position:absolute;width:200px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003;border:2px solid white;transition:transform .3s ease}.preview-image:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 4px 12px #00000040;border:2px solid var(--primary-hover)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{display:inline-block;max-width:90vw;max-height:90vh;background-color:#fff;border-radius:12px;padding:24px;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.modal-image-wrapper{position:relative}.modal-image{width:216px;height:216px;-o-object-fit:cover;object-fit:cover;border-radius:6px;box-shadow:0 0 4px #00000026;border:2px solid white;position:relative;z-index:10;margin-left:-16px}.modal-image:first-child{margin-left:0}.delete-button{position:absolute;top:6px;left:6px;background-color:#000c;color:#fff;font-size:14px;line-height:1;border:none;border-radius:6px;padding:3px 6px;cursor:pointer;transition:background-color .2s ease;z-index:20}.delete-button:hover{opacity:.9}.input-area{display:flex;gap:.75rem;align-items:flex-end}.message-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);resize:none;min-height:60px;font-size:.875rem;font-family:inherit;line-height:1.5;transition:var(--transition)}.message-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.input-actions{display:flex;gap:.5rem;align-items:flex-end}.send-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:80px;min-height:68px}.send-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.input-hint{font-size:.8rem;color:var(--text-muted);margin-top:.75rem;line-height:1.4}.documents-page{flex:1;overflow-y:auto;background-color:var(--background-secondary)}.page-content{max-width:1000px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.page-description{color:var(--text-secondary);line-height:1.6;max-width:600px}.upload-section{background-color:var(--background-primary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;margin-bottom:2rem;transition:var(--transition)}.upload-section:hover{border-color:var(--primary-color);background-color:var(--background-secondary)}.file-input{margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.upload-status{padding:1rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1rem}.upload-result{padding:1rem;background-color:var(--success-color);color:#fff;border-radius:var(--radius-md);margin-top:1rem;font-weight:500}.documents-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.documents-grid{display:grid;gap:1.5rem}.document-card{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid var(--primary-color);transition:var(--transition)}.document-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.document-content{flex:1}.document-title{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.document-info{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.document-date{font-size:.8rem;color:var(--text-muted)}.quality-analysis{margin-top:.75rem;padding:.75rem;background-color:var(--background-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.quality-score{font-weight:500;margin-bottom:.5rem}.score.good{color:var(--success-color)}.score.medium{color:var(--warning-color)}.score.poor{color:var(--error-color)}.quality-issues,.quality-suggestions{font-size:.85rem;margin-bottom:.5rem}.quality-issues{color:var(--error-color)}.quality-suggestions{color:var(--text-secondary)}.quality-issues ul,.quality-suggestions ul{margin:0;padding-left:1.2em}.quality-issues li,.quality-suggestions li{margin-bottom:.25rem}.document-actions{display:flex;flex-direction:column;gap:.5rem}.edit-btn{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition)}.edit-btn:hover{background-color:var(--primary-hover)}.document-actions .delete-btn{padding:.5rem 1rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition)}.document-actions .delete-btn:hover{background-color:var(--error-color)}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state p{margin-bottom:.5rem;line-height:1.5}.spinner-small{width:1rem;height:1rem;border:1px solid rgba(255,255,255,.3);border-top:1px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.token-toast{position:fixed;top:5rem;right:1rem;background-color:var(--text-primary);color:#fff;padding:1rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000;animation:slideIn .35s ease-out;max-width:300px}.token-limit-alert{position:absolute;bottom:145px;left:1rem;right:1rem;background-color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-lg);z-index:1000}.alert-content{display:flex;justify-content:space-between;align-items:flex-start}.alert-text{font-size:.875rem;color:#fff;line-height:1.5}.alert-close{background:none;border:none;font-size:1.25rem;color:#fffc;cursor:pointer;padding:0;margin-left:1rem}.progress-bar{height:4px;background-color:#fff3;border-radius:4px;margin-top:.75rem;overflow:hidden}.progress-fill{height:100%;background-color:#fffc;transition:width .1s linear}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:var(--radius-xl);padding:0;min-width:600px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalAppear .2s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{font-size:18px;font-weight:600;margin:0}.close-modal-button{font-size:20px;background:transparent;border:none;cursor:pointer;color:#555;padding:4px}.close-modal-button:hover{opacity:.7}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-content{padding:2rem;overflow-y:auto;max-height:calc(90vh - 200px)}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);background-color:var(--background-secondary);display:flex;justify-content:flex-end}.close-btn{padding:.75rem 1.5rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.close-btn:hover{background-color:var(--text-primary)}.document-info-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.document-info-section .document-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.document-info-section .document-date{font-size:.875rem;color:var(--text-secondary)}.stats-section{margin-bottom:1.5rem;padding:1rem;background-color:var(--background-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stats-section h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{text-align:center;background-color:var(--background-primary);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-muted)}.quality-section{margin-bottom:1.5rem;padding:1rem;background-color:#fff8f0;border-radius:var(--radius-md);border:1px solid #ffe0b2}.quality-section h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.quality-score-display{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.quality-score-display .score{font-weight:700;font-size:1.125rem}.score-bar{width:100px;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.score-fill{height:100%;transition:width .3s ease}.score.good .score-fill{background:var(--success-color)}.score.medium .score-fill{background:var(--warning-color)}.score.poor .score-fill{background:var(--error-color)}.issues-title,.suggestions-title{font-weight:600;margin-bottom:.5rem}.issues-title{color:var(--error-color)}.suggestions-title{color:var(--primary-color)}.preview-section{background-color:var(--background-secondary);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-color)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.edit-preview-btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem 1rem;cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition)}.edit-preview-btn:hover{background:var(--primary-hover)}.preview-content{background:#fff;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-height:200px;max-height:400px;overflow-y:auto}.preview-textarea{width:100%;height:250px;font-size:1rem;font-family:inherit;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem;resize:vertical;margin-bottom:1rem}.preview-actions{display:flex;gap:1rem;justify-content:flex-end}.save-btn{padding:.5rem 1.2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.save-btn:hover{background-color:var(--primary-hover)}.cancel-btn{padding:.5rem 1.2rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.cancel-btn:hover{background-color:var(--text-primary)}.preview-text pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:inherit;background:none;border:none;padding:0;line-height:1.6}.no-preview{color:var(--text-muted);font-style:italic}.notes-page{height:100%;width:100%;display:flex;background-color:var(--background-secondary);flex:1;min-height:0;overflow:hidden}.notes-editor-container{flex:1;display:flex;flex-direction:column;background-color:var(--background-primary);height:100%;width:100%;min-height:0;min-width:0;overflow:hidden}.error-alert{background-color:#fef2f2;border-left:4px solid var(--error-color);padding:1rem;margin-bottom:1rem}.error-content{display:flex;align-items:center;justify-content:space-between}.error-text{margin:0;color:#991b1b;font-size:.875rem}.error-dismiss{padding:.25rem .5rem;background-color:transparent;color:#991b1b;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;text-decoration:underline;transition:var(--transition)}.error-dismiss:hover{background-color:#ef44441a}.notes-sidebar{width:320px;flex-shrink:0;background-color:var(--background-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;min-height:0}.notes-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.notes-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.notes-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.new-note-btn{padding:.5rem .75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.new-note-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.notes-search-container{position:relative}.notes-search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background-color:var(--background-primary);box-sizing:border-box;transition:var(--transition)}.notes-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.notes-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.search-svg{width:1rem;height:1rem;color:var(--text-muted)}.notes-list{flex:1;overflow-y:auto;height:100%;min-height:0}.notes-loading{padding:2rem;text-align:center}.notes-spinner{width:2rem;height:2rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;margin:0 auto .5rem;animation:spin 1s linear infinite}.notes-loading-text{margin:0;color:var(--text-secondary);font-size:.875rem}.notes-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.notes-empty-icon{font-size:2rem;margin-bottom:.5rem}.notes-empty-text{margin:0 0 .25rem;font-size:.875rem}.notes-empty-subtext{margin:0;font-size:.75rem;color:var(--text-muted)}.note-item{padding:1rem;cursor:pointer;background-color:var(--background-primary);color:var(--text-primary);border-bottom:1px solid var(--border-color);position:relative;transition:var(--transition);border-left:4px solid transparent}.note-item:hover{background-color:var(--background-tertiary)}.note-item.active{background-color:var(--background-tertiary);color:var(--text-primary);border-left-color:var(--primary-color)}.note-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:.5rem}.note-title{margin:0;font-weight:500;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:.5rem}.note-delete-btn{opacity:0;padding:.25rem;background-color:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:var(--transition)}.note-item:hover .note-delete-btn{opacity:1}.note-item.active .note-delete-btn{color:#fff}.note-delete-btn:hover{background-color:var(--background-tertiary)}.note-item.active .note-delete-btn:hover{background-color:#fff3}.delete-svg{width:1rem;height:1rem}.note-preview{margin:0 0 .5rem;font-size:.75rem;opacity:.8;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-meta{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;opacity:.7}.note-delete-confirm{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background-primary);border:2px solid var(--error-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;z-index:10}.delete-confirm-content{text-align:center;padding:.5rem}.delete-confirm-text{margin:0 0 .5rem;font-size:.75rem;font-weight:500;color:var(--text-primary)}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:center}.delete-confirm-btn{padding:.25rem .5rem;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.6875rem;transition:var(--transition)}.delete-confirm-btn:hover{background-color:#dc2626}.delete-cancel-btn{padding:.25rem .5rem;background-color:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.6875rem;transition:var(--transition)}.delete-cancel-btn:hover{background-color:var(--text-primary)}.note-deleting{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fef2f2f2;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;z-index:15}.deleting-content{text-align:center}.deleting-spinner{width:1.5rem;height:1.5rem;border:2px solid rgba(239,68,68,.3);border-top:2px solid var(--error-color);border-radius:50%;margin:0 auto .5rem;animation:spin .8s linear infinite}.deleting-text{margin:0;color:#991b1b;font-size:.6875rem;font-weight:500}.notes-footer{padding:.75rem;border-top:1px solid var(--border-color);font-size:.6875rem;color:var(--text-secondary);background-color:var(--background-primary)}.note-editor{flex:1;display:flex;flex-direction:column;background-color:var(--background-primary);height:100%;width:100%;min-height:0;overflow:hidden}.note-editor-header{border-bottom:1px solid var(--border-color);padding:1rem;flex-shrink:0}.note-editor-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.note-title-input{font-size:1.5rem;font-weight:700;background-color:transparent;border:none;outline:none;flex:1;margin-right:1rem;color:var(--text-primary)}.note-title-input::-moz-placeholder{color:var(--text-muted)}.note-title-input::placeholder{color:var(--text-muted)}.note-editor-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.saving-indicator{display:flex;align-items:center}.saving-spinner{width:.75rem;height:.75rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.last-saved,.word-count{color:var(--text-secondary)}.note-formatting-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--background-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.format-btn{padding:.5rem;background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:var(--transition);min-width:2rem;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.format-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.format-btn-heading{font-weight:600;font-size:.75rem}.toolbar-divider{border-left:1px solid var(--border-color);height:1.5rem;margin:0 .5rem}.note-editor-content{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;width:100%;overflow:hidden}.note-content-editable{flex:1;padding:2rem;font-size:1rem;line-height:1.6;outline:none;overflow-y:auto;font-family:inherit;color:var(--text-primary);min-height:0;height:100%;width:100%;box-sizing:border-box;background-color:var(--background-primary)}.note-content-editable:focus{background-color:var(--background-primary);outline:none!important;border:none!important;box-shadow:none!important}.screen-share-container{position:relative}.screen-share-btn{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;height:68px;transition:var(--transition);font-weight:500}.screen-share-btn:hover:not(.disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.screen-share-btn.disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.capture-spinner{width:.8rem;height:.8rem;border:1px solid rgba(255,255,255,.3);border-top:1px solid white;border-radius:50%;animation:spin .8s linear infinite}.capture-error{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid var(--error-color);border-radius:var(--radius-sm);font-size:.75rem;color:#991b1b;z-index:1000}.app-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fbf3ec,#f7efe9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center;margin-bottom:3rem}.loading-logo{font-size:4rem;margin-bottom:1rem;color:#45c4c4}.loading-title{margin:0 0 .75rem;font-size:2.5rem;font-weight:500;color:#000;font-family:Manrope,Geist,system-ui,-apple-system,sans-serif;letter-spacing:.3px;text-transform:capitalize}.loading-subtitle{margin:0 0 2rem;font-size:1.125rem;color:#444;font-family:Manrope,Geist,system-ui,-apple-system,sans-serif;font-weight:300;letter-spacing:.2px}.loading-footer{position:absolute;bottom:3rem;font-size:.9rem;color:#a7a7a7;font-family:Geist,system-ui,-apple-system,sans-serif;font-weight:300;letter-spacing:.2px}@media (max-width: 1024px){.sidebar{width:280px}.message-content{max-width:85%}}@media (max-width: 768px){.header-content{padding:1rem;flex-direction:column;gap:1rem}.header-left{gap:1.5rem}.nav-tabs{gap:.25rem}.nav-tab{padding:.4rem .8rem;font-size:.8rem}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{flex:1;display:flex;overflow:hidden;height:100%}.messages-container{padding:1rem}.message-content{max-width:90%}.message-input-container{padding:1rem}.input-area{flex-direction:column;gap:.75rem}.input-actions{align-self:stretch;justify-content:space-between}.modal{min-width:auto;margin:1rem}.modal-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}*:focus:not(button){outline:2px solid var(--primary-color);outline-offset:2px}.notes-page,.notes-editor-container,.note-editor,.note-editor-content,.notes-sidebar,.notes-list{min-height:0!important;min-width:0!important}.notes-page,.notes-editor-container,.note-editor,.note-editor-content{overflow:hidden!important}.notes-sidebar{flex-shrink:0!important}.notes-editor-container,.note-editor,.note-editor-content{flex:1!important}.note-content-editable{flex:1!important;box-sizing:border-box!important}.notes-page,.notes-editor-container,.note-editor,.note-editor-content{height:100%!important;width:100%!important}.notes-list,.note-content-editable{overflow-y:auto!important}.note-editor,.note-editor-content,.note-content-editable{outline:none!important;border:none!important;box-shadow:none!important}.note-editor:focus,.note-editor-content:focus,.note-content-editable:focus{outline:none!important;border:none!important;box-shadow:none!important}