:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;width:100%}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.compact-card{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:8px}.compact-card-wrapper{position:relative;width:100%;height:100%}.compact-card-bg{position:absolute;inset:0;border-radius:8px}.compact-card-content{position:relative;padding:1rem;height:100%;display:flex;flex-direction:column;justify-content:center}.compact-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.compact-card-info{flex:1}.compact-course-name{font-size:1rem;font-weight:600;margin:0}.compact-course-details{font-size:.75rem;margin-bottom:.25rem;margin-top:.25rem}.compact-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.compact-course-code{font-size:.8rem}.compact-assignments{font-size:.75rem}.phone-preview{width:300px;height:650px;margin:0 auto;border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #00000080,0 0 0 10px #1a1a1a,0 0 0 12px #2d2d2d;position:relative}.phone-background{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background-color:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}.phone-content{height:100%;overflow-x:hidden;padding:144px 16px 26px}.phone-content.scrollable{overflow-y:auto}.phone-content.non-scrollable{overflow-y:hidden}.phone-header{position:absolute;top:48px;left:16px;right:16px;padding-bottom:12px;z-index:10}.phone-header.interactive{pointer-events:auto}.phone-header.non-interactive{pointer-events:none}.header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.update-info{flex:1}.update-timestamps{display:flex;gap:8px;align-items:center;margin-top:4px;flex-wrap:wrap}.timestamp-text{font-size:13px}.refresh-button-wrapper{position:relative;flex-shrink:0}.refresh-button-bg{position:absolute;inset:0;border-radius:20px;border-width:1px;border-style:solid}.refresh-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.refresh-button.clickable{cursor:pointer}.refresh-button.non-clickable{cursor:default}.semester-toggle-wrapper{position:relative}.semester-toggle-bg{position:absolute;inset:0;border-radius:12px}.semester-toggle{position:relative;display:flex;background-color:transparent;border-radius:12px;padding:2px;gap:4px}.semester-button{flex:1;padding:10px;border-radius:10px;border:none;transition:all .2s}.semester-button.clickable{cursor:pointer}.semester-button.non-clickable{cursor:default}.semester-button-text{font-weight:600;font-size:14px}.circular-progress{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.progress-badges{display:flex;gap:8px;margin-top:16px}.progress-badge{position:relative;min-width:80px}.progress-badge-bg{position:absolute;inset:0;border-radius:8px}.progress-badge-content{position:relative;padding:8px 14px;text-align:center}.badge-label{font-size:10px;margin-bottom:2px;text-transform:uppercase}.badge-value{font-size:20px;font-weight:400}.course-cards{display:flex;flex-direction:column;gap:12px}.course-card{position:relative;transition:transform .2s}.course-card.clickable{cursor:pointer}.course-card.clickable:hover{transform:scale(.98)}.course-card.clickable:active{transform:scale(.97)}.course-card-bg{position:absolute;inset:0;border-radius:12px;box-shadow:0 1px 2px #0000001a;border-width:1px;border-style:solid}.course-card-content{position:relative;padding:16px}.course-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-info{flex:1;min-width:0}.course-name{font-size:20px;font-weight:600}.course-period{font-size:12px;margin-top:8px}.course-dates{font-size:12px;margin-top:4px}.course-grade-section{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.battery-grade{width:80px;height:36px;border-width:2.5px;border-style:solid;border-radius:6px;padding:2px;position:relative;overflow:hidden}.compact-battery-grade{width:60px;height:28px;border-width:2px;border-style:solid;border-radius:4px;padding:2px;position:relative;overflow:hidden}.battery-terminal{position:absolute;right:-6px;top:50%;margin-top:-6px;width:6px;height:12px;border-top-right-radius:3px;border-bottom-right-radius:3px}.compact-battery-terminal{position:absolute;right:-4px;top:50%;margin-top:-4px;width:4px;height:8px;border-top-right-radius:2px;border-bottom-right-radius:2px}.battery-fill{position:absolute;left:2px;top:2px;bottom:2px;border-radius:3px}.compact-battery-fill{position:absolute;left:2px;top:2px;bottom:2px;border-radius:2px}.battery-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.battery-percentage{font-size:13px}.compact-battery-percentage{font-size:.75rem;font-weight:500}.mid-final-badges{display:flex;gap:6px}.exam-badge{padding:4px 8px;border-radius:6px;border-width:1px;border-style:solid}.exam-label{font-size:9px;color:#fff;text-align:center}.exam-grade{font-size:12px;color:#fff;text-align:center}.course-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.course-code{font-size:13px}.course-assignments{font-size:12px}.modal-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:90%;max-width:500px;max-height:80vh;border-radius:20px;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-bg{position:absolute;inset:0;border-radius:20px;border:1px solid}.modal-inner{position:relative;display:flex;flex-direction:column;max-height:80vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid}.modal-close-btn{position:relative;width:36px;height:36px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{opacity:.8}.modal-close-bg{position:absolute;inset:0;border-radius:18px;border:1px solid}.modal-tabs{display:flex;padding:16px 24px 0;gap:8px}.modal-tab{flex:1;padding:12px;background:transparent;border:none;border-bottom:3px solid;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s}.modal-tab:hover{opacity:.8}.modal-tab-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 200px)}.overview-tab,.weightings-tab,.assignments-tab{animation:fadeIn .3s ease-out}.overview-card{margin-bottom:20px}@media(max-width:768px){.phone-preview{width:260px;height:563px;border-radius:28px;box-shadow:0 14px 42px #00000080,0 0 0 8px #1a1a1a,0 0 0 10px #2d2d2d}.phone-notch{width:104px;height:21px;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.phone-content{padding:125px 14px 22px}.phone-header{top:42px;left:14px;right:14px;padding-bottom:10px}.timestamp-text{font-size:11px}.refresh-button{width:35px;height:35px}.refresh-button svg{width:18px;height:18px}.semester-button{padding:9px}.semester-button-text{font-size:12px}.circular-progress{margin-bottom:18px}.circular-progress>div:first-child{width:140px!important;height:140px!important}.progress-badges{gap:7px;margin-top:14px}.progress-badge{min-width:70px}.progress-badge-content{padding:7px 12px}.badge-label{font-size:9px}.badge-value{font-size:18px}.course-cards{gap:10px}.course-card-content{padding:14px}.course-card-header{gap:14px}.course-name{font-size:18px}.course-period{font-size:11px;margin-top:7px}.course-dates{font-size:11px;margin-top:3px}.battery-grade{width:70px;height:32px;border-width:2px}.battery-terminal{right:-5px;margin-top:-5px;width:5px;height:10px}.battery-percentage{font-size:12px}.exam-badge{padding:3px 7px}.exam-label{font-size:8px}.exam-grade{font-size:11px}.course-card-footer{margin-top:10px}.course-code{font-size:12px}.course-assignments{font-size:11px}.modal-content{width:95%;max-width:450px}.modal-header{padding:20px}.modal-tabs{padding:12px 20px 0}.modal-tab-content{padding:20px}}@media(max-width:480px){.phone-preview{width:220px;height:477px;border-radius:24px;box-shadow:0 12px 36px #00000080,0 0 0 7px #1a1a1a,0 0 0 9px #2d2d2d}.phone-notch{width:88px;height:18px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.phone-content{padding:106px 12px 19px}.phone-header{top:36px;left:12px;right:12px;padding-bottom:9px}.update-timestamps{gap:6px}.timestamp-text{font-size:9px}.refresh-button{width:30px;height:30px}.refresh-button svg{width:16px;height:16px}.semester-toggle{padding:2px;gap:3px}.semester-button{padding:7px}.semester-button-text{font-size:10px}.circular-progress{margin-bottom:15px}.circular-progress>div:first-child{width:118px!important;height:118px!important}.progress-badges{gap:6px;margin-top:12px}.progress-badge{min-width:59px}.progress-badge-content{padding:6px 10px}.badge-label{font-size:8px}.badge-value{font-size:15px}.course-cards{gap:9px}.course-card-bg{border-radius:10px}.course-card-content{padding:12px}.course-card-header{gap:12px}.course-name{font-size:15px}.course-period{font-size:9px;margin-top:6px}.course-dates{font-size:9px;margin-top:3px}.battery-grade{width:59px;height:27px;border-width:1.8px;border-radius:5px}.battery-terminal{right:-4px;margin-top:-4px;width:4px;height:8px}.battery-percentage{font-size:10px}.mid-final-badges{gap:5px}.exam-badge{padding:2px 6px;border-radius:4px}.exam-label{font-size:7px}.exam-grade{font-size:9px}.course-card-footer{margin-top:9px}.course-code{font-size:10px}.course-assignments{font-size:9px}.modal-content{width:95%;max-width:400px;max-height:85vh}.modal-header{padding:16px}.modal-tabs{padding:12px 16px 0;gap:4px}.modal-tab{padding:10px 8px;font-size:13px}.modal-tab-content{padding:16px;max-height:calc(85vh - 180px)}.modal-close-btn{width:32px;height:32px}}@media(max-width:360px){.phone-preview{width:200px;height:433px;border-radius:22px;box-shadow:0 10px 30px #00000080,0 0 0 6px #1a1a1a,0 0 0 8px #2d2d2d}.phone-notch{width:80px;height:16px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.phone-content{padding:96px 10px 17px}.phone-header{top:32px;left:10px;right:10px;padding-bottom:8px}.timestamp-text{font-size:8px}.refresh-button{width:28px;height:28px}.refresh-button svg{width:14px;height:14px}.semester-button{padding:6px}.semester-button-text{font-size:9px}.circular-progress{margin-bottom:13px}.circular-progress>div:first-child{width:106px!important;height:106px!important}.progress-badges{gap:5px;margin-top:10px}.progress-badge{min-width:53px}.progress-badge-content{padding:5px 8px}.badge-label{font-size:7px}.badge-value{font-size:13px}.course-cards{gap:8px}.course-card-content{padding:10px}.course-card-header{gap:10px}.course-name{font-size:13px}.course-period{font-size:8px;margin-top:5px}.course-dates{font-size:8px;margin-top:2px}.battery-grade{width:53px;height:24px;border-width:1.5px;border-radius:4px}.battery-terminal{right:-3px;margin-top:-3px;width:3px;height:7px}.battery-percentage{font-size:9px}.mid-final-badges{gap:4px}.exam-badge{padding:2px 5px}.exam-label{font-size:6px}.exam-grade{font-size:8px}.course-card-footer{margin-top:8px}.course-code{font-size:9px}.course-assignments{font-size:8px}.modal-content{width:98%;max-width:350px;max-height:90vh}.modal-header{padding:14px}.modal-header>div:first-child>div:first-child{font-size:20px}.modal-header>div:first-child>div:last-child{font-size:14px}.modal-tabs{padding:10px 14px 0;gap:2px}.modal-tab{padding:8px 6px;font-size:12px}.modal-tab-content{padding:14px;max-height:calc(90vh - 170px)}.modal-close-btn{width:28px;height:28px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: #8e9297;--text-muted: #5c5f63;--accent-blue: #5865f2;--accent-blue-hover: #4752c4;--border-color: #2a2a2a;--hover-bg: #252525;--success: #3ba55c;--error: #ed4245;--warning: #faa61a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;width:100%;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh;width:100%}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.navbar{background-color:var(--bg-primary);border-bottom:none;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:opacity .3s;display:flex;flex-direction:column;line-height:1.1}.nav-logo-top{font-size:.7rem;color:var(--accent-blue);font-weight:600;letter-spacing:.05em}.nav-logo-bottom{font-size:1.4rem;font-weight:800;color:var(--accent-blue)}.nav-logo:hover{opacity:.8}.logo-plus{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4),0 0 30px rgba(255,255,255,.3)!important;filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,255,255,.5));animation:pulse-glow 2.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4),0 0 30px rgba(255,255,255,.3);filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,255,255,.5))}50%{text-shadow:0 0 15px rgba(255,255,255,.7),0 0 30px rgba(255,255,255,.5),0 0 45px rgba(255,255,255,.4);filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,255,255,.6))}}.nav-menu{display:flex;list-style:none;gap:.25rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s;font-size:.9rem;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-btn-outline{border:1px solid var(--border-color)!important;border-radius:4px!important;padding:.5rem 1rem!important;display:flex;align-items:center;gap:.5rem}.nav-btn-outline:hover{background:var(--hover-bg)!important}.main-content{flex:1;background-color:var(--bg-primary)}.home-container{min-height:calc(100vh - 70px);background-color:var(--bg-primary)}.hero-section{text-align:center;padding:10rem 2rem 4rem;max-width:800px;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;color:var(--accent-blue)!important;margin-bottom:2rem;line-height:1.2}.hero-plus{color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6),0 0 45px rgba(255,255,255,.4)!important;filter:brightness(1.3) drop-shadow(0 0 25px rgba(255,255,255,.7));animation:pulse-glow-hero 2.5s ease-in-out infinite}@keyframes pulse-glow-hero{0%,to{text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6),0 0 45px rgba(255,255,255,.4);filter:brightness(1.3) drop-shadow(0 0 25px rgba(255,255,255,.7))}50%{text-shadow:0 0 20px rgba(255,255,255,.9),0 0 40px rgba(255,255,255,.7),0 0 60px rgba(255,255,255,.5);filter:brightness(1.4) drop-shadow(0 0 35px rgba(255,255,255,.8))}}.typewriter-container{font-size:2.5rem;font-weight:800;margin-bottom:5rem;min-height:5rem;display:flex;justify-content:center;align-items:center;padding:0 2rem}.typewriter-static{font-weight:800;color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3)!important;filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,255,255,.4));margin-right:.3em}.typewriter-text{font-weight:800;color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.7),0 0 30px rgba(255,255,255,.5),0 0 45px rgba(255,255,255,.3)!important;filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.6))}.typewriter-cursor{animation:blink 1s infinite;margin-left:.1em;font-weight:800;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.6),0 0 24px rgba(255,255,255,.4)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn{padding:.875rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.download-count{color:var(--text-secondary);font-size:.95rem}.download-count strong{color:var(--text-primary)}.theme-carousel-section{max-width:100%;margin:0 auto 4rem;padding:4rem 2rem;overflow:visible}.carousel-title{text-align:center;font-size:1.5rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600}.carousel-container{position:relative;width:100%;overflow:hidden;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.carousel-track-infinite{display:flex;gap:2rem;animation:scroll 60s linear infinite;width:fit-content}.carousel-track-infinite:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.carousel-item-infinite{flex-shrink:0;width:390px;transition:transform .3s,filter .3s;padding:20px 0;filter:drop-shadow(0 0 20px rgba(88,101,242,.3))}.carousel-item-infinite:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(88,101,242,.5))}.carousel-theme-preview-infinite{width:100%;height:820px;display:flex;justify-content:center;align-items:center;overflow:visible;padding:20px 0}.carousel-theme-info,.carousel-theme-name,.carousel-theme-downloads{display:none}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:4rem 2rem;max-width:1000px;margin:0 auto}.feature-card{background:var(--bg-secondary);padding:2rem;border-radius:8px;text-align:left;border:1px solid var(--border-color);transition:border-color .3s}.feature-card:hover{border-color:var(--accent-blue)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.themes-header{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}.themes-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.themes-header p{font-size:1rem;color:var(--text-secondary)}.filter-section{max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;font-size:.85rem}.filter-button:hover{background:var(--hover-bg);color:var(--text-primary)}.filter-button.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.themes-grid{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;justify-items:center}.theme-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:40px 40px 12px 12px;overflow:hidden;cursor:pointer;transition:all .2s;width:100%;max-width:375px}.theme-card:hover{border-color:var(--accent-blue);transform:translateY(-4px)}.theme-preview{width:100%;height:180px;overflow:hidden;background:var(--bg-tertiary)}.theme-preview img{width:100%;height:100%;object-fit:cover}.theme-preview-phone{width:100%;max-width:375px;height:400px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;border-radius:40px 40px 0 0;position:relative}.theme-preview-phone-inner{pointer-events:none}.theme-info{padding:1rem 1.25rem}.theme-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.theme-author{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.theme-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.theme-tag{padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:3px;font-size:.7rem;color:var(--text-secondary)}.theme-stats{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.theme-downloads{font-size:.8rem;color:var(--text-secondary)}.loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.themes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.carousel-item-infinite{width:350px}.carousel-theme-preview-infinite{height:740px;padding:20px 0}}@media(max-width:768px){.nav-container{padding:1rem;flex-wrap:wrap;gap:.75rem}.nav-logo-bottom{font-size:1.2rem}.nav-menu{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.nav-link{padding:.4rem .75rem;font-size:.85rem}.hero-title{font-size:2rem}.hero-section{padding:4rem 1.5rem 2rem}.typewriter-container{font-size:1.75rem;margin-bottom:4rem;padding:0 1.5rem}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.theme-carousel-section{padding:3rem 1rem;margin-bottom:3rem}.carousel-title{font-size:1.25rem;margin-bottom:1.5rem}.carousel-track-infinite{gap:1.5rem}.carousel-item-infinite{width:320px;padding:15px 0}.carousel-theme-preview-infinite{height:680px;padding:15px 0}.features-section{grid-template-columns:1fr;padding:2rem 1.5rem}.themes-header{padding:2rem 1.5rem 1.5rem}.themes-header h1{font-size:1.5rem}.filter-section{padding:0 1.5rem 1.5rem}.themes-grid{grid-template-columns:1fr;padding:0 1rem 2rem;gap:1.5rem}.theme-card{max-width:100%}.theme-preview-phone{max-width:100%;height:350px}}@media(max-width:480px){.nav-container{padding:.75rem}.nav-logo-top{font-size:.6rem}.nav-logo-bottom{font-size:1rem}.nav-link{padding:.35rem .6rem;font-size:.8rem}.hero-section{padding:3rem 1rem 1.5rem}.hero-title{font-size:1.75rem}.typewriter-container{font-size:1.3rem;margin-bottom:3rem;padding:0 1rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.theme-carousel-section{padding:2rem .5rem;margin-bottom:2rem}.carousel-title{font-size:1.1rem;margin-bottom:1.25rem}.carousel-track-infinite{gap:1rem}.carousel-item-infinite{width:280px;padding:10px 0}.carousel-theme-preview-infinite{height:600px;padding:10px 0}.features-section{padding:1.5rem 1rem}.feature-card{padding:1.5rem}.themes-header{padding:1.5rem 1rem 1rem}.themes-header h1{font-size:1.25rem}.themes-header p{font-size:.9rem}.filter-section{padding:0 1rem 1rem}.filter-button{padding:.4rem .8rem;font-size:.8rem}.themes-grid{padding:0 .75rem 1.5rem}.theme-preview-phone{height:300px}.theme-info{padding:.75rem 1rem}.theme-name{font-size:.95rem}.theme-author{font-size:.8rem}.theme-tag{font-size:.65rem}.theme-downloads{font-size:.75rem}}