@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.token-expiration-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.token-expiration-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;padding:2rem;text-align:center;width:90%}.token-expiration-modal h2{color:#df2525;margin-bottom:1rem}.token-expiration-modal p{color:#333;line-height:1.5;margin-bottom:1.5rem}.login-button{background-color:#4299e1;border-radius:4px;font-size:16px;padding:10px 20px;transition:background-color .3s}.login-button:hover{background-color:#3182ce}.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#141414b3;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 4px 30px #0000001a;display:flex;height:65px;justify-content:center;left:50%;max-width:1300px;position:fixed;top:15px;transform:translateX(-50%);transition:all .3s cubic-bezier(.16,1,.3,1);width:93%;will-change:height,width;z-index:999}.navbar.scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#0f0f0fd9;border:1px solid #ffffff14;box-shadow:0 10px 40px #0003;height:55px;top:10px;width:88%}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;padding:0 24px;transition:height .3s ease-in-out;width:100%}.navbar-logo{cursor:pointer;justify-content:flex-start;margin-right:auto}.navbar-logo,.navbar-logo a{align-items:center;display:flex;text-decoration:none}.navbar-logo-img{height:30px;margin-right:10px;transition:transform .2s ease;width:30px}.navbar-logo:hover .navbar-logo-img{transform:scale(1.05)}.logo-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.5px;will-change:auto}.logo-text.effects-loaded:hover{color:#fff;text-shadow:0 0 12px #ffffff80;transform:scale(1.02);transition:all .2s ease}.nav-menu{list-style:none;margin-left:auto;margin-right:0;text-align:center}.nav-item,.nav-menu{align-items:center;display:flex;height:100%}.nav-item{margin:0 2px;position:relative}.nav-link{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:100%;padding:0 1rem;text-decoration:none;transition:all .2s ease-in-out}.nav-link.active{background-color:#ffffff1a;color:#fff;font-weight:600}.nav-link:hover{background-color:#ffffff14;color:#fff}.nav-icon{font-size:1.5rem;height:1.5rem;margin-right:0;width:1.5rem}.nav-link[data-tooltip]{position:relative}.nav-link[data-tooltip]:after{background:#0000;color:#222;content:attr(data-tooltip);font-size:.75rem;font-weight:600;left:50%;letter-spacing:.3px;opacity:0;padding:0;pointer-events:none;position:absolute;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff;text-transform:uppercase;top:calc(100% + 4px);transform:translateX(-50%) translateY(-2px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;white-space:nowrap;z-index:1000}.nav-link[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.cart-link{position:relative}.cart-badge{background-color:#ff3e6c;border:2px solid #1f1f1ff2;border-radius:50%;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:10px;width:20px}.cart-badge,.register-btn{align-items:center;color:#fff;display:flex}.register-btn{background:#5e17eb;border-radius:50px;font-weight:600;margin-left:10px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.register-btn:hover{background:#4512b0;box-shadow:0 4px 8px #5e17eb4d;transform:translateY(-2px)}.login-btn{align-items:center;background:none;border:2px solid #5e17eb;border-radius:50px;color:#5e17eb;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;margin-left:10px;padding:8px 18px;transition:all .3s ease}.login-btn:hover{background:#5e17eb;color:#fff}.logout-btn{align-items:center;background:none;border:2px solid #5e17eb;border-radius:50px;color:#5e17eb;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;margin-left:10px;padding:8px 18px;transition:all .3s ease}.logout-btn:hover{background:#5e17eb;color:#fff}.mobile-icon{display:none}.auth-btn,.nav-button-item,a.auth-btn{align-items:center;display:flex}.auth-btn,a.auth-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;height:38px;justify-content:center;margin-left:10px;min-width:100px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.auth-btn span,a.auth-btn span{color:#fff}.course-icon,.mobile-nav-icon.course-icon{font-size:1.2em;transform:scale(1.2)}.auth-btn:active,.auth-btn:hover,a.auth-btn:active,a.auth-btn:hover{background-color:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;color:#fff}.auth-btn:hover span,a.auth-btn:hover span{color:#fff}.mobile-top-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#191919d9;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 4px 15px #0003;height:55px;left:50%;max-width:450px;padding:0 16px;position:fixed;top:10px;transform:translateX(-50%);width:90%;z-index:999}.mobile-logo,.mobile-top-nav{align-items:center;display:flex}.mobile-logo{margin:0 auto;text-decoration:none}.mobile-logo-img{height:24px;margin-right:8px;width:24px}.mobile-logo .logo-text{font-size:1.2rem;text-shadow:none;transform:none;transition:none}.mobile-bottom-navbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#191919f2;border-top:1px solid #ffffff14;bottom:0;box-shadow:0 -2px 10px #0003;display:flex;height:60px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;width:100%;z-index:999}.mobile-nav-item{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;height:100%;justify-content:center;padding:10px 5px 8px;position:relative;text-decoration:none;transition:all .3s ease;width:auto}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active:after{display:none}.mobile-nav-icon{align-items:center;display:flex;font-size:1.8rem;height:1.8rem;margin-bottom:5px;transition:transform .2s ease;width:1.8rem}.mobile-nav-item:hover .mobile-nav-icon{transform:translateY(-3px)}.mobile-cart-badge{align-items:center;background-color:#ff3e6c;border:1px solid #1f1f1ff2;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-5px;width:18px}.mobile-nav-item .mobile-nav-icon[class*=FaSignIn],.mobile-nav-item .mobile-nav-icon[class*=FaSignOut]{color:#5e17eb}.mobile-nav-item:hover{transform:scale(1.1)}.mobile-nav-item.active .mobile-nav-icon{color:#fff}.mobile-logout-btn{color:#888}@media screen and (max-width:960px){body{padding-bottom:60px;padding-top:60px}.mobile-icon,.nav-menu{display:none}.footer{border-bottom:none;margin-bottom:0}.app{min-height:calc(100vh - 60px);overflow-x:hidden}}.nav-item:nth-child(-n+4) .nav-link{justify-content:center;padding:0 1.5rem}body{padding-top:100px}.mobile-cart-icon-container{align-items:center;display:flex;height:100%;justify-content:center;margin-top:0;position:relative}.cookie-consent-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#191919f2;border-top:1px solid #ffffff14;bottom:0;box-shadow:0 -4px 10px #0003;left:0;padding:12px 0;position:fixed;width:100%;z-index:9999}.cookie-consent-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1300px;padding:0 24px}.cookie-text h3{color:#fff;font-size:1.2rem;margin:0 0 8px}.cookie-text p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.cookie-buttons{display:flex;flex-wrap:wrap;gap:12px}.cookie-buttons button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:10px 20px}.accept-button,.cookie-buttons button{font-weight:500;transition:all .2s ease}.accept-button{background-color:#141414e6;border:1px solid #ffffff1f;border-radius:6px;color:#fff;min-width:120px;padding:10px 24px}.accept-button:hover{background-color:#1e1e1ef2;box-shadow:0 2px 8px #0000004d}.customize-button{background-color:initial;border:1px solid #4285f4;color:#4285f4}.customize-button:hover{background-color:#4285f41a}@media (min-width:768px){.cookie-consent-content{align-items:center;flex-direction:row;justify-content:space-between}.cookie-text{flex:1 1}.cookie-buttons{justify-content:flex-end}}@media (max-width:767px){.cookie-buttons{justify-content:center}.cookie-text{text-align:center}}.admin-page-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1300px;padding:30px 20px}.admin-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.admin-header-content{flex:1 1}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#282828,#474747);-webkit-background-clip:text;background-clip:text;color:#1f1f1f;font-size:32px;font-weight:700;margin-bottom:5px}.admin-welcome{color:#6b6b6b;font-size:15px;margin-bottom:0}.admin-user{color:#292929;font-weight:600}.admin-header-actions{align-items:center;display:flex;gap:15px}.admin-date{background-color:#f8f9fa;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#6b6b6b;font-size:14px;padding:8px 12px}.admin-greeting-card{align-items:center;background:linear-gradient(135deg,#2e2e2ef3,#1f1f1ff1);border-radius:12px;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.greeting-content h2{font-size:22px;font-weight:600;margin:0 0 8px}.greeting-content p{font-size:14px;margin:0;opacity:.9}.timeframe-selector{min-width:150px}.admin-select{-webkit-appearance:none;appearance:none;background-color:#fff3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.admin-select:focus{box-shadow:0 0 0 2px #fff6;outline:none}.admin-select option{background-color:#fff;color:#333}.admin-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.admin-loading-spinner{animation:spin 1s linear infinite;border:3px solid #29292933;border-top-color:#292929;margin-top:20px}.admin-error{color:#d32f2f;height:300px;padding:0 20px}.admin-empty-state{background-color:#f9f9f9;border-radius:10px;box-shadow:inset 0 0 5px #00000008;color:#6b6b6b;margin:20px 0;padding:40px 30px;text-align:center}.admin-tabs{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:30px;padding:5px}.admin-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b6b6b;cursor:pointer;display:flex;flex:1 1;font-size:15px;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:all .3s ease}.admin-tab:hover{background-color:#2929290d;color:#292929}.admin-tab.active{background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#1f1f1f;font-weight:600}.tab-icon{font-size:16px;margin-right:3px}.admin-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.admin-search-container{min-width:250px}.admin-controls{align-items:center;display:flex;gap:15px}.admin-controls .timeframe-selector{min-width:150px}.admin-controls .admin-select{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.admin-search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b6b6b'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:1px solid #e1e8ed;border-radius:8px;font-size:14px;padding:10px 40px 10px 15px;width:100%}.admin-search-input:focus{border-color:#292929;box-shadow:0 0 0 2px #29292926;outline:none}.admin-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));margin-bottom:30px}.admin-stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.admin-stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-icon{background-color:#2929291a;border-radius:50%;display:inline-block;font-size:28px;height:60px;line-height:60px;margin-bottom:15px;width:60px}.avg-icon,.revenue-icon,.sales-icon,.users-icon{background-color:#2929291a;color:#292929}.admin-stat-card h3{color:#6b6b6b;font-size:16px;font-weight:500;margin-bottom:10px}.admin-stat-value{color:#333;font-size:36px;font-weight:700;margin-bottom:5px}.stat-description{color:#6b6b6b;font-size:14px;margin:0}.admin-dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr;margin-bottom:30px}.admin-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:25px}.admin-section h2{border-bottom:1px solid #f0f0f0;color:#333;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:15px}.admin-section-footer{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:15px;text-align:center}.view-all-button{background-color:initial;border:1px solid #292929;color:#292929;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.view-all-button:hover{background-color:#292929;color:#fff}.popular-product-card{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:20px;padding:20px}.product-icon{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;font-size:30px;height:70px;justify-content:center;width:70px}.product-details h3{color:#333;font-size:16px;margin:0 0 8px}.product-details p{color:#6b6b6b;font-size:14px;margin:0 0 5px}.admin-table-container{border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.admin-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;text-align:left;white-space:nowrap}.admin-table td,.admin-table th{font-size:14px;padding:15px 20px}.admin-table td{border-bottom:1px solid #f0f0f0;color:#555}.admin-table tbody tr:hover{background-color:#f9f9f9}.admin-table tbody tr:last-child td{border-bottom:none}.amount-cell{color:#292929;font-weight:600}.user-id-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.status-badge.completed{background-color:#2929291a;color:#292929}.status-badge.pending{background-color:#2929291a;color:#474747}.status-badge.failed{background-color:#2929291a;color:#1f1f1f}.badge{background-color:#2929291a;border-radius:12px;color:#292929;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px}.admin-actions{display:flex;flex-wrap:wrap;gap:15px}.admin-action-button{align-items:center;background-color:#f8f9fa;border:none;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-weight:500;padding:12px 20px;transition:all .2s}.admin-action-button:hover{background:linear-gradient(45deg,#292929,#1f1f1f);box-shadow:0 4px 12px #29292933;color:#fff}.action-icon{font-size:16px;margin-right:8px}.admin-icon-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-right:5px;padding:5px;transition:background-color .2s}.admin-icon-button:hover{background-color:#2929291a}@media (max-width:992px){.admin-dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:15px}.admin-header-actions{justify-content:flex-start;width:100%}.admin-tabs{gap:5px;overflow-x:auto;padding:5px}.admin-tab{flex:initial;font-size:14px;padding:10px 15px;white-space:nowrap}.admin-stats-grid{gap:15px;grid-template-columns:1fr}.admin-dashboard-grid{gap:20px;grid-template-columns:1fr}.admin-section-header{align-items:flex-start;flex-direction:column}.admin-search-container{width:100%}.admin-greeting-card{align-items:flex-start;flex-direction:column;gap:15px}.timeframe-selector{width:100%}.admin-table-container{-webkit-overflow-scrolling:touch;margin:0 -15px;max-width:100vw;overflow-x:auto;width:calc(100% + 30px)}.admin-table{min-width:650px}}@media (max-width:480px){.admin-page-container{padding:1rem}.admin-title{font-size:24px}.admin-stat-value{font-size:28px}.admin-actions{flex-direction:column;gap:10px}.admin-action-button{width:100%}.popular-product-card{flex-direction:column;text-align:center}.product-icon{margin:0 auto}.admin-section{margin-bottom:20px;overflow:hidden;padding:15px}.orders-section,.popular-section{box-sizing:border-box;width:100%}.admin-table-container{border-radius:0;margin:0 -15px}.admin-section h2{font-size:18px;margin-bottom:15px}.product-details{word-wrap:break-word;overflow-wrap:break-word;width:100%}.product-name{font-size:14px;max-width:100%}}.footer{background-color:#1a1a1a;border-top:1px solid #ffffff0d;color:#f8f9fa;margin-top:60px;padding:0}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1600px;padding:40px 20px}.footer-section{flex:1 1;margin-bottom:0;min-width:200px;padding-right:20px}.footer-section.brand{flex:2 1}.footer-section.about,.footer-section.connect,.footer-section.legal,.footer-section.pages{flex:1 1;min-width:120px;text-align:right}.footer-section h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;padding-bottom:5px;position:relative}.footer-section h4{color:#e0e0e0;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:15px;text-transform:uppercase}.footer-description{color:#adb5bd;font-size:.9rem;line-height:1.5;margin-bottom:0;max-width:300px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#adb5bd;font-size:.9rem;position:relative;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:#fff;padding-right:5px}.short-text{display:none}.full-text{display:inline}.social-links{display:flex;gap:15px;justify-content:flex-end}.social-links a{align-items:center;background:#ffffff0d;border-radius:50%;color:#adb5bd;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.social-links a:hover{background:#ffffff26;color:#fff;transform:translateY(-3px)}.brand-header{align-items:flex-start;display:flex;margin-bottom:8px}.footer-logo{align-items:center;display:flex;margin-right:15px}.brand-text{display:flex;flex-direction:column}.footer-logo img{border-radius:8px;height:40px;width:40px}.footer-bottom{background:#0003;border-top:1px solid #ffffff0d;color:#6c757d;font-size:.85rem;padding:10px;text-align:center}.footer-bottom p{margin:0}@media (max-width:768px){.footer{margin-top:30px}.footer-container{flex-direction:column;padding:30px 20px 10px}.footer-description{display:none}.footer-section{padding-right:0;text-align:center}.footer-section,.footer-section.brand{margin-bottom:20px}.brand-header{align-items:center;flex-direction:row;justify-content:center}.footer-logo{margin-bottom:0;margin-right:12px}.brand-text{align-items:flex-start}.footer-section.about,.footer-section.connect,.footer-section.legal,.footer-section.pages{text-align:center;width:100%}.short-text{display:inline}.full-text{display:none}.footer-section.brand{order:1}.footer-section.pages{order:2}.footer-section.legal{order:3}.footer-section.about{order:4}.footer-section.connect{order:5}.footer-section h3{font-size:1.2rem;margin-bottom:5px}.footer-section.about h4,.footer-section.connect h4,.footer-section.legal h4,.footer-section.pages h4{display:none}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:5px 0 15px}.footer-links li{margin-bottom:0}.footer-links a{background:#ffffff08;border-radius:20px;font-size:.9rem;padding:5px 10px}.footer-links a:hover{background:#ffffff14;padding-right:10px}.social-links{gap:20px;justify-content:center;margin:10px 0}.social-links a{background-color:#ffffff14;height:40px;width:40px}.footer-bottom{font-size:.8rem;margin-top:10px;padding:15px 0}}@media screen and (max-width:960px){.footer{margin-bottom:0;padding-bottom:0}}.project-card{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;height:100%;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.best-deal-ribbon{background:#e63946;background:linear-gradient(45deg,#d32f2f,#e63946,#d32f2f);box-shadow:0 3px 10px #0003;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:7px 30px;pointer-events:none;position:absolute;right:-45px;text-align:center;text-transform:uppercase;top:25px;transform:rotate(45deg);transition:transform .3s ease;width:190px;z-index:5}.best-deal-ribbon:before{animation:shineEffect 3s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);width:200%;z-index:2}@keyframes shineEffect{0%{left:-100%}20%,to{left:100%}}.best-deal-ribbon:after{border:5px solid #0000;border-top-color:#c1121f;bottom:-5px;content:"";display:block;position:absolute;right:-9px;z-index:-1}.project-card:hover{border-color:#0000000d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.project-card:hover .best-deal-ribbon{transform:rotate(45deg) translateY(8px)}.project-card:before{border:2px solid #0000;border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.project-card:hover:before{border:2px solid #0009;box-shadow:0 0 0 1px #0000001a}.project-card:hover .card-image-container img{transform:scale(1.05)}.image-overlay{background:hsla(0,0%,69%,.401)}.project-card:hover .image-overlay{opacity:1}.view-details-btn{background:#fff;border-radius:30px;color:#333;font-weight:600;padding:10px 20px;text-decoration:none;transform:translateY(10px);transition:all .3s ease;white-space:nowrap}.project-card:hover .view-details-btn{transform:translateY(0)}.view-details-btn:hover{background:#f6f7fb}@media (max-width:768px){.view-details-btn{font-size:.85rem;min-width:100px;padding:8px 12px;text-align:center;width:auto}}@media (max-width:480px){.view-details-btn{font-size:.8rem;min-width:80px;padding:6px 10px}.project-footer{flex-wrap:wrap;gap:10px}.add-to-cart-btn,.in-cart-btn,.purchased-btn{min-width:100px;padding:8px 12px}}.category-tag{background:#ffffffe6;color:#2b2b2b;padding:5px 10px;text-transform:capitalize}.purchased-badge{background:#198754e6;border-radius:30px;color:#fff;font-size:.75rem;font-weight:600;padding:5px 10px;position:absolute;right:15px;top:15px;z-index:2}.card-content{text-align:left}.project-card h3{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 10px;text-align:left}.project-card .description{color:#666;flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:20px;text-align:left}.project-footer{margin-top:auto;width:100%}.price{color:#2c2c2c;font-size:1.2rem;text-align:left}.add-to-cart-btn,.purchased-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:8px;height:42px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease;width:150px}.add-to-cart-btn{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);color:#fff}.add-to-cart-btn:hover{box-shadow:0 4px 12px #2d2d2d4d}.btn-text{transition:transform .2s ease}.btn-icon{opacity:0;transform:translateX(-10px);transition:all .2s ease}.add-to-cart-btn:hover .btn-text{transform:translateX(-3px)}.add-to-cart-btn:hover .btn-icon{opacity:1;transform:translateX(0)}.purchased-btn{background:linear-gradient(45deg,#318849,#069032);color:#fff;text-decoration:none}.purchased-btn:hover{box-shadow:0 4px 12px #1987544d}.purchased-btn .btn-text{transition:transform .2s ease}.purchased-btn .btn-icon{opacity:0;transform:translateX(-10px);transition:all .2s ease}.purchased-btn:hover .btn-text{transform:translateX(-3px)}.purchased-btn:hover .btn-icon{opacity:1;transform:translateX(0)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:cardFadeIn .5s forwards}.in-cart-btn{align-items:center;background:linear-gradient(45deg,#4572a3,#0759aa);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:42px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;text-decoration:none;transition:all .3s ease;width:150px}.in-cart-btn:hover{box-shadow:0 4px 12px #0559aa4d}.in-cart-btn .btn-text{transition:transform .2s ease}.in-cart-btn .btn-icon{opacity:0;transform:translateX(-10px);transition:all .2s ease}.in-cart-btn:hover .btn-text{transform:translateX(-3px)}.in-cart-btn:hover .btn-icon{opacity:1;transform:translateX(0)}@media (max-width:768px){.project-footer{align-items:center;flex-direction:row;gap:10px;justify-content:space-between}.add-to-cart-btn,.in-cart-btn,.purchased-btn{justify-content:center;min-width:120px;text-align:center;width:auto!important}.view-details-btn{justify-content:center;max-width:130px!important;text-align:center;width:auto!important}.btn-text{display:inline-block;text-align:center;width:100%}.btn-icon{margin-left:5px;position:relative;right:auto}.add-to-cart-btn:hover .btn-text,.in-cart-btn:hover .btn-text,.purchased-btn:hover .btn-text{transform:translateX(0)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#3a3a3a,#4a4a4a 25%,#5a5a5a 50%,#4a4a4a 75%,#3a3a3a);background-size:200% 100%}.skeleton,.skeleton-light{animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-light{background:linear-gradient(90deg,#e0e0e0,#f0f0f0 25%,#f5f5f5 50%,#f0f0f0 75%,#e0e0e0);background-size:200% 100%}.skeleton-image{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e0e0e0,#ebebeb 25%,#f5f5f5 50%,#ebebeb 75%,#e0e0e0);background-size:200% 100%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.skeleton-title{height:20px;margin-bottom:12px;width:80%}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-text-short{height:14px;width:60%}.skeleton-text-medium{height:14px;margin-bottom:8px;width:75%}.skeleton-circle{border-radius:50%;height:40px;width:40px}.skeleton-button{border-radius:6px;height:42px;width:130px}.skeleton-price{border-radius:4px;height:24px;width:60px}.skeleton-stat{border-radius:6px;height:30px;width:90px}.skeleton-content-overlay{display:flex;flex-direction:column;flex-grow:1;padding:20px}.skeleton-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.skeleton-template-thumbnail{align-items:center;animation:skeletonShimmer 1.5s ease-in-out infinite;aspect-ratio:.77;background:linear-gradient(90deg,#e8e8e8,#f5f5f5 25%,#fafafa 50%,#f5f5f5 75%,#e8e8e8);background-size:200% 100%;display:flex;justify-content:center;min-height:380px;width:100%}.skeleton-course-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 20px 20px}.skeleton-stats{display:flex;gap:10px}.card-image-container img{opacity:0;transition:opacity .3s ease-in-out}.card-image-container img.loaded{opacity:1}.card-image-container .skeleton-image{transition:opacity .3s ease-in-out}.card-image-container .skeleton-image.hidden{opacity:0;pointer-events:none}.skeleton-content-overlay{transition:opacity .3s ease-in-out}.skeleton-content-overlay.hidden{opacity:0;pointer-events:none;position:absolute}html{scroll-behavior:smooth}.hero-section{align-items:center;display:flex;min-height:65vh;opacity:1;overflow:hidden;padding:80px 0;position:relative;will-change:auto}.hero-section:before{animation:none;background:linear-gradient(90deg,#ffffff08,#fff3,#ffffff08);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;will-change:transform;z-index:1}@keyframes shine{0%{transform:translateX(-100%)}20%{transform:translateX(100%)}to{transform:translateX(100%)}}.hero-section.visible{animation:fadeInHero 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInHero{0%{opacity:.95}to{opacity:1}}.hero-section.visible:before{animation:shine 5s infinite;animation-delay:.5s}.hero-section.visible h1{animation:gradientFlow 6s ease infinite;background-size:200% 200%}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-content{flex:1 1;margin-top:0;padding-right:60px;position:relative;z-index:2}.hero-section h1{background:linear-gradient(90deg,#1f1f1f,#474747,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:6.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 24px;padding-bottom:5px}.hero-typing-text{align-items:center;display:inline-flex}.hero-typing-text .text-type__content{animation:gradientFlow 6s ease infinite;background:linear-gradient(90deg,#1f1f1f,#474747,#1f1f1f);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}.hero-typing-text .text-type__cursor{color:#1f1f1f;font-weight:300;margin-left:.1rem}.hero-subtitle{color:#4b4b4b;content-visibility:auto;display:block;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin-bottom:45px;max-width:600px;visibility:visible!important}.hero-subtitle-desktop{display:block;margin-top:12px}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:visible;position:relative}.hero-visual svg{border-radius:8px;contain:layout style paint;content-visibility:auto;height:400px;width:400px}.globe-animation-container{height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%}.globe-visual-placeholder{background-color:#f0f0f01a;border-radius:50%;height:650px;opacity:.2;position:absolute;right:-100px;top:-50px;width:650px}.hero-visual-placeholder{align-items:center;background-color:#f0f0f033;border-radius:8px;display:flex;height:400px;justify-content:center;position:relative;width:400px;z-index:2}@media (max-width:900px){.hero-visual svg,.hero-visual-placeholder{height:300px;width:300px}.globe-animation-container,.globe-visual-placeholder{display:none}}@media (max-width:600px){.hero-visual svg,.hero-visual-placeholder{height:250px;width:250px}}.data-visual,.data-visual:after{display:none}@keyframes floatingPoints{0%{background-position:0 0}to{background-position:180px 180px}}.hero-buttons{display:flex;gap:20px}.primary-button,.secondary-button{align-items:center;border-radius:8px;display:inline-flex;font-size:1.05rem;justify-content:center;letter-spacing:.3px;padding:16px 36px;transition:all .4s cubic-bezier(.2,.8,.2,1)}.primary-button{background:linear-gradient(135deg,#2a2a2a,#000);border:1px solid #ffffff1a;box-shadow:0 10px 20px #00000026}.primary-button:hover{background:linear-gradient(135deg,#3a3a3a,#1a1a1a);box-shadow:0 20px 30px #00000040;transform:translateY(-4px)}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e0e0e0;box-shadow:0 4px 6px #00000005;color:#1f1f1f}.secondary-button:hover{background:#fff;border-color:#1f1f1f;box-shadow:0 15px 25px #00000014;transform:translateY(-4px)}.tertiary-button{align-items:center;background:#1f1f1f14;border:1px solid #1f1f1f26;border-radius:6px;color:#1f1f1f;display:inline-flex;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s ease}.tertiary-button:after{content:"→";opacity:0;transform:translateX(-10px);transition:all .3s ease}.tertiary-button:hover:after{opacity:1;transform:translateX(0)}.tertiary-button:hover{background:#1f1f1f1f;border-color:#1f1f1f40;box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.featured-projects{display:block!important;opacity:1!important;padding:80px 0;transform:translateY(0)!important;visibility:visible!important}.featured-projects h2{color:#1f1f1f;font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px}.featured-projects h2,.section-subtitle{font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-align:center;visibility:visible!important}.section-subtitle{color:#7a7a7a;font-size:20px;margin-bottom:40px}.project-grid{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.project-card-wrapper,.project-grid{opacity:1!important;visibility:visible!important}.project-card-wrapper{display:block!important;transform:translateY(0)!important}.project-card{animation:none!important;opacity:1!important;visibility:visible!important}.view-all-container{margin-top:40px;text-align:center}.view-all-button{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;color:#1f1f1f;display:inline-flex;font-weight:600;padding:12px 25px;text-decoration:none;transition:all .3s ease}.view-all-button:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}@media (max-width:900px){.hero-section{flex-direction:column;min-height:auto;padding-top:10px;text-align:center}.hero-content{margin-bottom:20px;padding-right:0}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.data-visual{height:300px;width:300px}.data-visual:after{height:380px;width:380px}}@media (max-width:600px){.hero-section h1{font-size:2.5rem}.hero-subtitle-desktop{display:none}.data-visual{height:250px;width:250px}.data-visual:after{height:300px;width:300px}.hero-buttons{flex-direction:column;margin:0 auto;max-width:250px}.tertiary-button{justify-content:center;padding:12px 24px}.featured-projects h2,.testimonial-heading,.testimonials-section h2{font-size:1.8rem!important;font-weight:700!important;letter-spacing:-.02em!important;white-space:normal}.section-subtitle{font-size:1rem!important}}@media (max-width:400px){.featured-projects h2,.testimonial-heading,.testimonials-section h2{font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.02em!important}.section-subtitle{font-size:.9rem!important}.testimonials-section{padding:40px 10px 60px}}.fade-in-section{transform:translateY(40px);transition:opacity .9s ease-out,transform .9s ease-out,visibility .9s ease-out;visibility:hidden;will-change:opacity,transform,visibility}.fade-in-section.is-visible{visibility:visible}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out;transition-delay:.1s}.stagger-children>:nth-child(odd){transform:translateX(-50px) translateY(20px)}.stagger-children>:nth-child(2n){transform:translateX(50px) translateY(20px)}.stagger-children.is-visible>:first-child{transition-delay:.1s}.stagger-children.is-visible>:nth-child(2){transition-delay:.2s}.stagger-children.is-visible>:nth-child(3){transition-delay:.3s}.stagger-children.is-visible>:nth-child(4){transition-delay:.4s}.stagger-children.is-visible>:nth-child(5){transition-delay:.5s}.stagger-children.is-visible>*{opacity:1;transform:translateX(0) translateY(0)}.project-card-wrapper{transform-origin:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.project-card-wrapper:hover{transform:scale(1.05);z-index:1}.project-grid{perspective:1000px}.project-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.project-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px) rotateX(2deg) rotateY(1deg)}.features-section{padding:60px 0;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:50px}.feature-card{animation:fadeUpIn .5s forwards;animation-play-state:paused;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014;opacity:0;padding:30px 20px;transform:translateY(30px);transition:all .5s ease}.flip-cards.is-visible .feature-card{animation-play-state:running}@keyframes fadeUpIn{to{opacity:1;transform:translateY(0)}}.feature-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-10px) rotate(2deg)}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-card h3{color:#1f1f1f;font-size:1.3rem;margin:0 0 10px}.feature-card p{color:#666;line-height:1.5}.testimonials-section{background:#0000;margin:0;overflow:hidden;padding:80px 0;position:relative;text-align:center}.testimonials-section h2{color:#1f1f1f;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px}.testimonial-heading,.testimonials-section h2{text-align:center;visibility:visible!important}.testimonial-heading{background:linear-gradient(90deg,#1f1f1f,#474747,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem!important;font-weight:800;margin:0 0 15px;white-space:nowrap}.testimonials-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.testimonial-card{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;max-width:360px;opacity:0;overflow:hidden;padding:35px 30px;position:relative;transform:translateX(-50px);transition:all .6s cubic-bezier(.2,.8,.2,1);width:100%}.slide-in-cards.is-visible .testimonial-card{opacity:1;transform:translateX(0)}.slide-in-cards.is-visible .testimonial-card:first-child{transition-delay:.1s}.slide-in-cards.is-visible .testimonial-card:nth-child(2){transition-delay:.2s}.slide-in-cards.is-visible .testimonial-card:nth-child(3){transition-delay:.3s}.testimonial-card:hover{border-color:#0000000d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.testimonial-card:before{border:2px solid #0000;border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}.testimonial-card:hover:before{border:2px solid #0009;box-shadow:0 0 0 1px #0000001a}.quote{background:linear-gradient(135deg,#1f1f1f1a,#1f1f1f05);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Georgia,serif;font-size:80px;left:25px;line-height:.8;position:absolute;top:20px;-webkit-user-select:none;user-select:none}.testimonial-text{color:#444;flex-grow:1;font-size:1.05rem;font-weight:450;line-height:1.7;margin:30px 0;position:relative;z-index:1}.testimonial-author{align-items:center;border-top:1px solid #0000000a;display:flex;margin-top:auto;padding-top:25px}.author-avatar{align-items:center;background:linear-gradient(135deg,#333,#1a1a1a);border-radius:50%;box-shadow:0 4px 10px #00000026;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;margin-right:16px;width:48px}.author-details{text-align:left}.author-name{color:#1f1f1f;font-size:1rem;font-weight:700;margin-bottom:2px}.author-role{color:#777;font-size:.85rem;font-weight:500}.home-background{background-color:#fff;contain:layout style paint;content-visibility:auto;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.announcement-banner{animation:fadeInBanner 1.2s ease-out .8s forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.659);border:1px solid rgba(58,58,58,.814);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.195);margin:-35px auto 30px;max-width:900px;opacity:0;overflow:hidden;padding:15px 25px;position:relative;text-align:center;transform:translateY(0);transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:10}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-banner{will-change:opacity,transform}.announcement-banner:before{animation:subtle-border 5s ease-in-out infinite;background:linear-gradient(120deg,#ebebeb99,#3c3c3c33 40%,#3c3c3c66 60%,#ebebeb99);background-size:200% 100%;border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;padding:1px;position:absolute;z-index:1}@keyframes subtle-border{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.announcement-banner:hover{background:hsla(0,0%,100%,.856);box-shadow:0 10px 25px #00000012;transform:translateY(-3px)}.announcement-content{align-items:center;color:#1f1f1f;display:flex;gap:15px;justify-content:center;position:relative;z-index:2}.announcement-tag{background:linear-gradient(120deg,#292929,#444);border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.announcement-message{align-items:center;color:#222;display:flex;flex-wrap:wrap;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15rem;font-weight:500;gap:5px;justify-content:center;letter-spacing:.2px;line-height:1.5}.gift-icon{animation:gentle-pulse 3s ease infinite;display:inline-block;margin-right:6px;opacity:.9}.coupon-code,.gift-icon{font-size:1.2rem;position:relative}.coupon-code{animation:subtle-gradient 4s ease infinite;background:linear-gradient(90deg,#333,#555,#333);-webkit-background-clip:text;background-clip:text;background-color:#3333330f;background-size:200% 200%;border-radius:4px;box-shadow:0 0 0 1px #3333331a;color:#0000;font-weight:800;letter-spacing:1px;margin:0 3px;padding:2px 10px}@keyframes subtle-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.announcement-content{flex-direction:column;gap:8px;padding:5px 0}.announcement-banner{padding:10px 15px}.announcement-message .desktop-text{display:none}.announcement-message .mobile-text{display:inline}}@media (min-width:769px){.announcement-message .desktop-text{display:inline}.announcement-message .mobile-text{display:none}}@media (max-width:480px){.announcement-message,.coupon-code{font-size:1rem}.coupon-code{display:inline-block;margin-top:5px}.mobile-text{font-size:1rem}}.back-to-top{align-items:center;background:linear-gradient(45deg,#292929,#1f1f1f);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:50px;z-index:1000}.back-to-top.visible{opacity:.7;transform:translateY(0);visibility:visible}.back-to-top:hover{box-shadow:0 6px 15px #00000040;opacity:1;transform:translateY(-3px)}@media screen and (max-width:768px){.back-to-top{bottom:80px}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{display:inline-block;margin-left:.25rem;opacity:1}.text-type__cursor--hidden{display:none}.squares-canvas{border:none;display:block;height:100%;width:100%}.why-choose-us-section{overflow:hidden;padding:80px 0;position:relative;text-align:center}.why-choose-us-section h2{color:#1f1f1f;font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px}.why-choose-us-section .section-subtitle,.why-choose-us-section h2{font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-align:center}.why-choose-us-section .section-subtitle{color:#7a7a7a;font-size:20px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.features-grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;perspective:1000px}.feature-box{background:#fff;border:2px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px -10px #0000000d;opacity:0;overflow:hidden;padding:40px 30px;position:relative;text-align:left;transform:translateY(30px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),border-color .1s ease-out;z-index:1}.features-grid-container.is-visible .feature-box{opacity:1;transform:translateY(0)}.features-grid-container.is-visible .feature-box:first-child{transition-delay:.1s}.features-grid-container.is-visible .feature-box:nth-child(2){transition-delay:.2s}.features-grid-container.is-visible .feature-box:nth-child(3){transition-delay:.3s}.features-grid-container.is-visible .feature-box:nth-child(4){transition-delay:.4s}.feature-box:hover{border-color:#1f1f1f;box-shadow:0 20px 40px -10px #0000001f;transform:translateY(-10px) scale(1.02);z-index:2}.feature-icon-wrapper{align-items:center;background:#f8f9fa;border-radius:12px;color:#1f1f1f;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:25px;position:relative;transition:all .3s ease;width:60px}.feature-box:hover .feature-icon-wrapper{background:#1f1f1f;color:#fff;transform:scale(1.1) rotate(-5deg)}.feature-box h3{color:#1f1f1f;font-size:1.4rem;font-weight:700;margin-bottom:12px}.feature-box p{color:#666;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:1024px){.features-grid-container{grid-template-columns:repeat(2,1fr);padding:0 20px}}@media (max-width:768px){.features-grid-container{grid-template-columns:1fr;padding:0 10px}.feature-box{padding:30px 20px;text-align:center}.feature-icon-wrapper{margin:0 auto 20px}}@media (max-width:600px){.why-choose-us-section h2{font-size:1.8rem!important;font-weight:700!important;letter-spacing:-.02em!important}.why-choose-us-section .section-subtitle{font-size:1rem!important}}@media (max-width:400px){.why-choose-us-section h2{font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.02em!important}.why-choose-us-section .section-subtitle{font-size:.9rem!important}}.modern-divider{align-items:center;display:flex;gap:20px;justify-content:center;margin:60px auto;max-width:800px;opacity:.8;width:100%}.divider-line{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);flex:1 1;height:1px}.divider-icon-wrapper{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.divider-star-icon{color:#fff;height:16px;width:16px}@media (max-width:640px){.modern-divider{gap:15px;margin:40px auto}.divider-icon-wrapper{height:32px;width:32px}.divider-star-icon{height:14px;width:14px}}.terminal-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;font-family:Menlo,Monaco,Courier New,monospace;height:100%;max-height:400px;max-width:32rem;min-height:250px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.terminal-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.terminal-container:before{border:2px solid #0000;border-radius:.75rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.terminal-container:hover:before{border:2px solid #0009;box-shadow:0 0 0 1px #0000001a}.terminal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;padding:1rem}.terminal-dots{display:flex;gap:.5rem}.terminal-dot{border-radius:50%;height:.75rem;width:.75rem}.terminal-dot.red{background-color:#ef4444}.terminal-dot.yellow{background-color:#eab308}.terminal-dot.green{background-color:#22c55e}.terminal-content{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:.25rem;overflow-y:auto;padding:1rem}.terminal-line{color:#1f2937;font-size:.875rem;font-weight:400;letter-spacing:-.025em;line-height:1.5}.text-green-500{color:#22c55e}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-yellow-500{color:#eab308}.text-purple-400{color:#c084fc}.text-orange-400{color:#fb923c}.text-muted-foreground{color:#6b7280}.grid{display:grid}.what-we-have-section{background-color:initial;overflow:hidden;padding:80px 0;position:relative}@media (min-width:768px){.what-we-have-section{padding:80px 0}}.what-we-have-content{margin:0 auto;max-width:80rem}.what-we-have-title{color:#1f1f1f;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px;text-align:center}@media (max-width:600px){.what-we-have-title{font-size:1.8rem!important;white-space:normal}}.what-we-have-subtitle{color:#7a7a7a;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:42rem;text-align:center}@media (max-width:600px){.what-we-have-subtitle{font-size:1rem!important}}.terminal-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.terminal-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.terminal-grid{grid-template-columns:repeat(3,1fr)}}.terminal-card-wrapper{align-items:center;display:flex;flex-direction:column;height:100%}.terminal-card-label{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.projects-page{margin:0 auto;max-width:1300px;padding:0 20px 60px}.projects-header{opacity:0;padding:10px 0 30px;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.projects-header.visible{opacity:1;transform:translateY(0)}.projects-header h1{color:#1f1f1f;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px}.header-subtitle{margin-bottom:30px}.search-bar{border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;margin:0 auto;max-width:600px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.search-bar:focus-within{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.search-bar input{border:none;flex:1 1;font-size:1rem;outline:none;padding:15px 20px}.search-button{border:none;color:#fff;cursor:pointer;padding:0 20px;transition:background .3s ease}.search-button,.search-button:hover{background:linear-gradient(45deg,#3d3d3d,#1f1f1f)}.filter-section{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin:30px 0;opacity:0;padding-bottom:20px;transform:translateY(20px);transition:opacity .8s ease .2s,transform .8s ease .2s}.filter-section.visible{opacity:1;transform:translateY(0)}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-button{background:#0000;border:1px solid #e0e0e0;border-radius:30px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.filter-button:hover{border-color:#3d3d3d;color:#3d3d3d}.filter-button.active{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-color:#141414;box-shadow:0 2px 8px #1a3c724d;color:#fff}.sort-options{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.sort-options label{color:#666;font-size:.9rem;white-space:nowrap}.sort-options select{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;outline:none;padding:8px 16px;transition:border .3s ease}.sort-options select:hover{border-color:#2a5298}.results-count{color:#666;font-size:.9rem;margin-bottom:20px}.project-grid{opacity:0;transition:opacity .8s ease .4s}.project-grid.visible{opacity:1}.project-card-wrapper{animation:fadeIn .5s forwards;opacity:0;transform:translateY(20px)}.no-results{color:#666;padding:60px 20px;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:20px;opacity:.7}.no-results h3{color:#333;font-size:1.5rem;margin:0 0 10px}.reset-button{background:#0000;border:2px solid #1e3c72;border-radius:6px;color:#1e3c72;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px;transition:all .3s ease}.reset-button:hover{background:#1e3c721a}.loading-container{color:#666}.loading-spinner{border:5px solid #0000001a}.load-more-container{display:flex;justify-content:center;margin-top:40px}.load-more-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .3s ease}.load-more-button:hover{background-color:#e9e9e9;border-color:#ccc}@media (max-width:768px){.filter-section{align-items:flex-start;flex-direction:column;gap:15px}.category-filters{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:10px;white-space:nowrap;width:100%}.filter-button{flex:0 0 auto}.sort-options{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;width:100%}.sort-options label{margin-right:8px;white-space:nowrap}.sort-options select{flex:1 1;min-width:180px}}@media (max-width:480px){.projects-header h1{font-size:2.2rem}.search-bar{flex-direction:row;max-width:90%}.search-bar input{font-size:.9rem;padding:12px 15px}.search-button{align-items:center;display:flex;justify-content:center;min-width:50px;padding:10px}.search-button svg{height:16px;width:16.9px}}.project-detail-page{margin:0 auto;max-width:1300px;opacity:0;padding:0 20px 60px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.project-detail-page.visible{opacity:1;transform:translateY(0)}.project-detail-container{margin-top:40px}.project-detail-header{margin-bottom:30px}.back-button{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:30px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .3s ease}.back-button:hover{border-color:#3d3d3d;color:#3d3d3d}.project-detail-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.project-detail-media{display:flex;flex-direction:column;gap:20px}.project-image-container{border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}.project-image-container:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.project-detail-image{aspect-ratio:3/2;display:block;height:100%;object-fit:cover;width:100%}.project-carousel-container{border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #00000014;margin-bottom:15px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}.project-carousel-container:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.project-category-tag{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);left:16px}.project-category-tag,.project-purchased-tag{border-radius:30px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px;position:absolute;top:16px}.project-purchased-tag{background:linear-gradient(45deg,#198754,#0d6e41);right:16px}.project-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.project-thumbnail{aspect-ratio:4/3;border:2px solid #0000;border-radius:8px;cursor:pointer;height:60px;object-fit:cover;transition:transform .2s ease;width:80px}.project-thumbnail:hover{border-color:#3d3d3d;transform:scale(1.05)}.project-detail-info{display:flex;flex-direction:column;gap:24px}.project-title{background:linear-gradient(90deg,#3d3d3d,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin:0}.project-meta{align-items:center;display:flex;gap:24px}.project-price{font-size:1.5rem;font-weight:700}.free-tag{background:linear-gradient(45deg,#4caf50,#2e7d32);border-radius:20px;color:#fff;font-size:1.2rem;padding:4px 16px}.price-tag{color:#1f1f1f}.project-rating{align-items:center;display:flex}.star{color:#e0e0e0;font-size:1.2rem}.star.filled{color:gold}.rating-count{color:#666;font-size:.9rem;margin-left:5px}.action-buttons{display:flex;gap:15px;margin-top:10px}.add-to-cart-button,.view-cart-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.add-to-cart-button{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);color:#fff;flex-grow:1}.add-to-cart-button:hover:not(:disabled){box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.add-to-cart-button.added{background:#4caf50}.add-to-cart-button:disabled{cursor:not-allowed;opacity:.8}.already-purchased-button{background:linear-gradient(45deg,#198754,#0d6e41);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-grow:1;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.already-purchased-button:hover{box-shadow:0 5px 15px #19875440;transform:translateY(-2px)}.view-cart-button{background:#0000;border:2px solid #3d3d3d;color:#3d3d3d}.view-cart-button:hover{background:#1e3c721a}.project-description,.project-features,.project-requirements{margin-top:10px}.project-description h2,.project-features h2,.project-requirements h2{color:#333;font-size:1.3rem;margin-bottom:12px}.project-description p{color:#555;line-height:1.6}.project-features ul,.project-requirements ul{color:#555;padding-left:20px}.project-features li,.project-requirements li{line-height:1.5;margin-bottom:8px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 0;text-align:center}.loading-spinner{border-top-color:#3d3d3d;height:40px;width:40px}.error-icon{font-size:3rem;margin-bottom:20px}.error-container h2{color:#333;margin-bottom:10px}.error-container p{color:#666;margin-bottom:20px}.projects-preview-card{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:20px}.projects-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.projects-preview-header h3{color:#333;font-size:1.2rem;margin:0}.projects-count{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.projects-preview-list{list-style-type:none;margin:0;padding:0}.projects-preview-list li{border-bottom:1px solid #eee;color:#555;font-size:.95rem;padding:8px 0}.projects-preview-list li:last-child{border-bottom:none}.view-all-projects-btn{align-items:center;background:#0000;border:2px solid #3d3d3d;border-radius:8px;color:#3d3d3d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;margin-top:15px;padding:10px;transition:all .3s ease;width:100%}.view-all-projects-btn:hover{background:#1e3c720d}.btn-icon{margin-left:8px;transition:transform .3s ease}.view-all-projects-btn:hover .btn-icon{transform:translateX(4px)}.included-projects-section{margin-top:30px}.included-projects-section h2{color:#333;font-size:1.3rem;margin-bottom:12px}.projects-teaser{color:#555;margin-bottom:15px}.view-projects-button{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.view-projects-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.projects-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background-color:#fff6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.projects-modal-content{animation:slideUp .4s ease;background-color:#fff;border:1px solid #dcdcdccc;border-radius:12px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:100%}.projects-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.projects-modal-header h3{background:linear-gradient(90deg,#3d3d3d,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;margin:0}.modal-close-btn{background:#0000;color:#666;font-size:1.8rem;line-height:1;transition:color .2s ease}.modal-close-btn:hover{color:#333}.projects-modal-body{flex-grow:1;overflow-y:auto;padding:10px 25px}.projects-list{list-style-type:none;margin:0;padding:0}.project-list-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:15px 0}.project-list-item:last-child{border-bottom:none}.project-item-number{align-items:center;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;height:30px;justify-content:center;margin-right:15px;width:30px}.project-item-name{color:#333;font-weight:500}.projects-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px 25px}.modal-action-btn{border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-to-cart-modal-btn{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;color:#fff}.add-to-cart-modal-btn:hover:not(:disabled){box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.add-to-cart-modal-btn:disabled{cursor:not-allowed;opacity:.7}.no-projects-message{color:#666;padding:40px 0;text-align:center}.project-creator{background:linear-gradient(90deg,#f8f9fa00,#f8f9fa00);border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:30px;overflow:hidden;padding:20px;position:relative}.project-creator h2{color:#333;font-size:1.3rem;margin-bottom:15px}.creator-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.creator-name{color:#3d3d3d;font-size:1.13rem;font-weight:550}.linkedin-link{align-items:center;background:linear-gradient(90deg,#0077b5,#0e6795);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.linkedin-link:hover{box-shadow:0 5px 15px #0077b533;transform:translateY(-2px)}.linkedin-link svg{transition:transform .3s ease}.linkedin-link:hover svg{transform:scale(1.1)}@media (max-width:900px){.project-detail-content{grid-template-columns:1fr}.project-title{font-size:2.2rem}}@media (max-width:600px){.project-detail-header{margin-bottom:20px}.project-meta{align-items:flex-start;gap:15px}.action-buttons,.project-meta{flex-direction:column}.project-title{font-size:1.8rem}.creator-info{align-items:flex-start;flex-direction:column;gap:15px}.linkedin-link{justify-content:center;width:100%}.projects-modal-content{margin:0 10px;max-height:90vh}.projects-modal-header h3{font-size:1.2rem}.project-item-name{font-size:.9rem}.carousel-arrow{height:30px;width:30px}.carousel-indicators{bottom:5px}.carousel-indicator{height:5px;width:5px}}.image-carousel{border-radius:12px;box-shadow:0 5px 15px #0000001a;margin:0 auto}.carousel-container,.image-carousel{overflow:hidden;position:relative;width:100%}.carousel-track{display:flex;height:100%;width:100%}.carousel-slide{flex:0 0 100%;position:relative;width:100%}.carousel-image{aspect-ratio:16/9;display:block;height:100%;object-fit:cover;width:100%}.carousel-arrow{align-items:center;background-color:#fffc;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.carousel-arrow:hover{background-color:#fffffff2;transform:translateY(-50%) scale(1.1)}.carousel-arrow:focus{box-shadow:0 0 0 3px #007bff4d;outline:none}.carousel-arrow-left{left:15px}.carousel-arrow-right{right:15px}.carousel-indicators{bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-indicator{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel-indicator.active{background-color:#fff;transform:scale(1.2)}@media (max-width:768px){.carousel-arrow{height:35px;width:35px}.carousel-indicator{height:8px;width:8px}}@media (max-width:480px){.carousel-arrow{height:30px;width:30px}.carousel-indicators{bottom:10px}.carousel-indicator{height:6px;width:6px}}.cart-page{margin:0 auto;max-width:1300px;opacity:0;padding:40px 20px 80px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.cart-page.visible{opacity:1;transform:translateY(0)}.cart-header{margin-bottom:40px;text-align:center}.cart-header h1{background:linear-gradient(90deg,#3d3d3d,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 10px}.cart-subtitle{color:#666;font-size:1.1rem;margin:0}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 380px}.cart-items-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.cart-item{animation:fadeIn .5s forwards;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:100px 1fr auto auto;opacity:0;padding:20px}.cart-item:last-child{border-bottom:none}.item-image{background-color:#f9f9f9;position:relative}.item-image img{height:auto;left:50%;max-height:90%;max-width:90%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:auto}.item-image:hover img{transform:translate(-50%,-50%) scale(1.05)}.item-details{overflow:hidden;padding:0 20px;width:100%}.item-details h3{word-wrap:break-word;color:#333;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;margin:0 0 8px;overflow-wrap:break-word;word-break:break-word}.item-category{color:#666;font-size:.9rem;margin:0;text-transform:capitalize}.item-price{color:#292929;font-size:1.1rem;font-weight:700;margin-right:20px}.quantity-btn,.quantity-controls{align-items:center;display:flex}.quantity-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;height:30px;justify-content:center;transition:all .2s ease;width:30px}.quantity-btn:hover{background-color:#f9f9f9;border-color:#d0d0d0}.quantity-value{font-size:.9rem;margin:0 8px;text-align:center;width:40px}.item-actions{align-items:center;display:flex}.remove-item-btn{background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;padding:8px;transition:all .2s ease}.remove-item-btn:hover{background-color:#e53e3e1a;color:#e53e3e}.cart-summary{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.summary-header{margin-bottom:20px}.summary-header h2{color:#333;font-size:1.5rem;margin:0}.summary-items{margin-bottom:20px}.summary-row{color:#666;font-size:.95rem;padding:12px 0}.summary-total{border-top:1px solid #f0f0f0;color:#333;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:20px 0}.checkout-btn{align-items:center;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:14px 20px;transition:all .3s ease}.checkout-btn:hover{box-shadow:0 4px 12px #3535354d;transform:translateY(-2px)}.checkout-btn svg{transition:transform .2s ease}.checkout-btn:hover svg{transform:translateX(4px)}.continue-shopping{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:8px 0;text-decoration:none;transition:color .2s ease}.continue-shopping:hover{color:#4a4a4a}.continue-shopping svg{transition:transform .2s ease}.continue-shopping:hover svg{transform:translateX(-4px)}.empty-cart-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:calc(100vh - 430px);opacity:0;padding:40px 20px 80px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.empty-cart-container.visible{opacity:1;transform:translateY(0)}.empty-cart{max-width:500px;text-align:center}.empty-cart-icon{align-items:center;display:flex;justify-content:center;margin-bottom:0}.empty-cart h1{background:linear-gradient(90deg,#3d3d3d,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:700;margin:0 0 15px}.empty-cart p{color:#666;font-size:1.1rem;margin:0 0 30px}.browse-projects-btn{align-items:center;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-radius:6px;box-shadow:0 4px 10px #45454533;color:#fff;display:inline-flex;font-weight:600;gap:12px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.browse-projects-btn:hover{box-shadow:0 6px 14px #4747474d;transform:translateY(-2px)}.browse-projects-btn svg{transition:transform .2s ease}.browse-projects-btn:hover svg{transform:translateX(4px)}.coupon-section{border-top:1px solid #f0f0f0;margin-bottom:20px;padding-top:20px}.coupon-form{width:100%}.coupon-input-group{display:flex;gap:8px}.coupon-input{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.coupon-input:focus{border-color:#3d3d3d;outline:none}.apply-coupon-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem;padding:0 15px;transition:all .2s ease;white-space:nowrap}.apply-coupon-btn:hover:not(:disabled){background-color:#e9e9e9;border-color:#d0d0d0}.apply-coupon-btn:disabled{cursor:not-allowed;opacity:.6}.coupon-error{color:#e53e3e}.coupon-error,.coupon-hint{font-size:.85rem;margin-top:6px}.coupon-hint{color:#718096;font-style:italic}.applied-coupon{align-items:center;background-color:#4caf501a;border:1px solid #4caf50;border-radius:4px;display:flex;justify-content:space-between;padding:10px 12px}.coupon-success{align-items:center;color:#4caf50;display:flex;font-size:.9rem;gap:8px}.remove-coupon-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.remove-coupon-btn:hover{color:#e53e3e}.summary-row.discount-row{color:#4caf50;font-weight:500}@media screen and (max-width:992px){.cart-content{grid-template-columns:1fr}.cart-header h1{font-size:2rem}.cart-subtitle{font-size:1rem}.cart-summary{margin-top:20px;position:relative;top:0}}@media screen and (max-width:768px){.cart-page{padding:30px 15px 60px}.cart-header{margin-bottom:30px}.empty-cart h1{font-size:1.7rem}.empty-cart p{font-size:1rem}.browse-projects-btn{padding:10px 20px}.empty-cart-container{padding-bottom:100px}}@media screen and (max-width:576px){.cart-item{align-items:stretch!important;border-bottom:1px solid #f0f0f0;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:90px;overflow:visible;padding:20px 45px 20px 100px!important;position:relative}.cart-item>.item-image{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;height:70px!important;left:20px!important;overflow:hidden;position:absolute!important;top:20px!important;width:70px!important}.cart-item>.item-image img{height:auto;left:50%;max-height:90%;max-width:90%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.cart-item .item-details{margin-left:0!important;padding:0!important;width:100%!important}.cart-item .item-details h3{color:#333;font-size:.95rem;line-height:1.3;margin:0 0 2px;word-break:break-word}.cart-item .item-category{color:#777;font-size:.8rem;margin:0}.cart-item .item-price{bottom:auto!important;color:#666;display:block!important;font-size:.9rem;font-weight:600;left:auto!important;margin:8px 0 0!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;width:100%!important}.cart-item .quantity-controls{display:none!important}.cart-item .item-actions{margin:0!important;position:absolute!important;right:15px!important;top:20px!important}.cart-item .remove-item-btn{background-color:initial;border:none;color:#999;padding:8px}}@keyframes buttonLoadingPulse{0%{left:-100%}to{left:100%}}.login-page{align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:30px 20px}.login-container,.login-page{background-color:#fff;display:flex}.login-container{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.296);max-width:900px;min-height:550px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:100%}.login-container.visible{opacity:1;transform:translateY(0)}.login-visual{align-items:flex-end;background-color:#f5f5f5;color:#fff;display:flex;flex:1 1;overflow:hidden;padding:40px;position:relative}.visual-overlay{display:none}.brand-message{color:#333}.login-form-container{display:flex;flex:1 1;flex-direction:column;padding:40px}.form-header{margin-bottom:25px}.error-alert{flex-direction:column}.error-alert .error-header{align-items:center;display:flex}.error-alert.verification-error{background-color:#f8f4ff;border-left:4px solid #805ad5;padding-bottom:20px}.verification-error-content{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.verification-tip{color:#4a5568;font-size:.9rem;margin-bottom:12px}.resend-verification-button{align-self:flex-start;background-color:#805ad5;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.resend-verification-button:hover{background-color:#6b46c1;box-shadow:0 4px 6px #00000026}.resend-verification-button:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.7}.verification-message{background-color:#e6f7ef;border-left:4px solid #38a169;border-radius:4px;color:#276749;padding:16px}.login-form{margin-bottom:20px}.form-group label{color:#4a5568;margin-bottom:8px}.password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.forgot-password{color:#292929;font-size:.85rem;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#292929;text-decoration:underline}.input-wrapper input{font-size:1rem;padding:12px 15px}.remember-me{animation:slideInUp .5s ease forwards;animation-delay:.6s;margin-bottom:25px;opacity:0}.checkbox-container{align-items:center;color:#4a5568;display:inline-flex;padding-left:30px}.checkmark{top:0}.checkbox-container:hover input~.checkmark{border-color:#141414}.checkbox-container input:checked~.checkmark{background-color:#141414;border-color:#141414}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:7px;top:3px;transform:rotate(45deg);width:5px}.login-button{align-items:center;animation:slideInUp .5s ease forwards;animation-delay:.65s;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;opacity:0;padding:0;position:relative;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 15px #1f1f1f4d;transform:translateY(-3px)}.login-button:disabled{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);cursor:progress;opacity:.9;overflow:hidden;position:relative}.login-button:disabled:after{animation:buttonLoadingPulse 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.login-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.google-signin-button{align-items:center;animation:slideInUp .5s ease forwards;animation-delay:.75s;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:48px;justify-content:center;opacity:0;padding:0;position:relative;transition:all .3s ease;width:100%}.google-signin-button:disabled{background-color:#fff;cursor:progress;opacity:.9;overflow:hidden;position:relative}.google-signin-button:disabled:after{animation:buttonLoadingPulse 1.5s infinite;background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.google-signin-button img{height:18px;margin-right:10px;width:18px}.auth-footer{color:#4a5568}.register-link{color:#292929;font-weight:600;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#292929;text-decoration:underline}@media (max-width:768px){.login-container{flex-direction:column}.login-visual{display:none}.login-form-container{padding:30px 20px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideVisualOverlay{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes checkboxPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.register-page{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:30px 20px}.register-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.296);display:flex;max-width:900px;min-height:550px;opacity:0;overflow:hidden;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:100%}.register-container.visible{opacity:1;transform:translateY(0)}.register-visual{align-items:flex-end;background-color:#f5f5f5;color:#fff;display:flex;flex:1 1;overflow:hidden;padding:40px;position:relative}.lottie-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:0}.lottie-animation{height:100%;object-fit:cover;width:100%}.visual-overlay{background:linear-gradient(180deg,#3d3d3d99,#606060e6);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.brand-message{animation:fadeIn .8s forwards;animation-delay:.8s;color:#000;opacity:0;position:relative;z-index:2}.brand-message h2{font-size:2.2rem;font-weight:700;margin:0 0 15px}.brand-message p{font-size:1rem;line-height:1.6;margin:0;max-width:300px}.register-form-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:30px 40px}.form-header{margin-bottom:20px}.form-header h1{animation:slideInUp .5s ease forwards;animation-delay:.3s;background:linear-gradient(90deg,#3d3d3d,#1f1f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;margin:0 0 10px;opacity:0}.form-subtitle{animation:slideInUp .5s ease forwards;animation-delay:.35s;color:#666;margin:0;opacity:0}.error-alert{align-items:center;animation:shake .5s ease-in-out;background-color:#fdecec;border-left:4px solid #f56565;border-radius:4px;color:#c53030;display:flex;margin-bottom:20px;padding:12px 16px}.error-alert svg{flex-shrink:0;margin-right:10px}.success-alert{align-items:center;background-color:#e6f7ef;border-left:4px solid #38a169;border-radius:4px;color:#276749;display:flex;margin-bottom:20px;padding:12px 16px}.success-alert svg{flex-shrink:0;margin-right:10px}.verification-message{animation:fadeIn .5s ease-in-out;background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000000d;color:#2d3748;line-height:1.5;margin-bottom:20px;padding:30px 20px;text-align:center}.verification-icon{align-items:center;animation:scaleIn .5s ease-in-out;background-color:#e6f7ef;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.verification-message h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:15px}.verification-message p{color:#4a5568;margin-bottom:10px}.verification-message strong{color:#38a169;font-weight:600}.verification-actions{margin-top:25px}.login-link-button{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.login-link-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.form-group,.register-form{margin-bottom:20px}.form-group{animation:slideInUp .5s ease forwards;opacity:0;position:relative}.form-group:first-child{animation-delay:.4s}.form-group:nth-child(2){animation-delay:.45s}.form-group:nth-child(3){animation-delay:.5s}.form-group:nth-child(4){animation-delay:.55s}.form-group label{color:#141414;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg:not(.password-toggle-button svg){display:none}.input-wrapper input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:none;font-size:.95rem;height:42px;padding:0 15px;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#3d3d3d;border-width:2px;box-shadow:0 4px 15px #00000012;outline:none}.password-hint{color:#656565;display:block;font-size:.8rem;line-height:1.4;margin:8px 0 0 2px}.terms-agreement{animation:slideInUp .5s ease forwards;animation-delay:.6s;margin:10px 0 20px;opacity:0}.checkbox-container{align-items:flex-start;color:#4b4b4b;cursor:pointer;display:flex;font-size:.9rem;line-height:1.5;padding-left:32px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;height:20px;left:0;position:absolute;top:1px;width:20px}.checkbox-container:hover input~.checkmark{border-color:#292929}.checkbox-container input:checked~.checkmark{animation:checkboxPop .3s forwards;background-color:#292929;border-color:#292929}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.checkbox-container input:checked~.checkmark:after{display:block}.terms-agreement a{color:#292929;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease;z-index:1}.terms-agreement a:hover{color:#313131;text-decoration:underline}.register-button{align-items:center;animation:slideInUp .5s ease forwards;animation-delay:.65s;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;margin-top:10px;opacity:0;padding:0;position:relative;transition:all .3s ease;width:100%}.register-button:hover{box-shadow:0 6px 15px #1f1f1f4d;transform:translateY(-3px)}.register-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.google-signup-button{align-items:center;animation:slideInUp .5s ease forwards;animation-delay:.75s;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:48px;justify-content:center;margin-top:10px;opacity:0;padding:0;position:relative;transition:all .3s ease;width:100%}.google-signup-button img{height:18px;margin-right:10px;width:18px}.google-signup-button:hover{background-color:#f8f9fa;box-shadow:0 2px 5px #00000026}.google-signup-button:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.separator{align-items:center;animation:slideInUp .5s ease forwards;animation-delay:.7s;display:flex;margin:20px 0;opacity:0;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.separator span{color:#a0aec0;font-size:.9rem;padding:0 10px}.loading-spinner{animation:spin 1s ease-in-out infinite;flex-shrink:0;height:20px;margin:0;padding:0;width:20px}.auth-footer{animation:slideInUp .5s ease forwards;animation-delay:.8s;color:#4e4e4e;margin-top:auto;opacity:0;text-align:center}.login-link{color:#292929;font-weight:600;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#141414;text-decoration:underline}@media (max-width:768px){.register-container{flex-direction:column}.register-visual{display:none}.register-form-container{padding:30px 20px}}.button-content{height:24px;line-height:1;min-width:100px}.button-content,.password-toggle-button{align-items:center;display:flex;justify-content:center}.password-toggle-button{background:none;border:none;color:#666;cursor:pointer;outline:none;padding:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.password-toggle-button:hover{color:#333}.password-toggle-button svg{display:block!important;height:20px;width:20px}.form-group:has(#confirmPassword) .password-toggle-button{display:none}.terms-page{background-color:#fff;padding:40px 20px}@media (max-width:768px){.legal-container{padding:25px}.privacy-page h1,.terms-page h1{font-size:1.8rem}.privacy-page h2,.terms-page h2{font-size:1.3rem}}.privacy-page{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;padding:40px 20px}.privacy-page h1{color:#1f1f1f;font-size:2.5rem;margin-bottom:20px}.privacy-page h2{color:#292929;font-size:1.8rem;margin-bottom:10px;margin-top:30px}.privacy-page p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.privacy-page a{color:#1f1f1f;text-decoration:underline}.privacy-page a:hover{text-decoration:none}.legal-container{border-radius:12px;padding:40px}.privacy-page h1,.terms-page h1{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:8px}.last-updated{color:#6c757d;font-size:.9rem}.privacy-page h2,.terms-page h2{border-bottom:1px solid #e5e5e5;color:#2a2a2a;font-size:1.5rem;font-weight:600;margin-bottom:15px;margin-top:35px;padding-bottom:8px}.privacy-page p,.terms-page p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:20px}.privacy-page ul,.terms-page ul{margin:0 0 20px 20px;padding:0}.privacy-page li,.terms-page li{color:#4a4a4a;line-height:1.5;margin-bottom:10px}.privacy-page a,.terms-page a{color:#007bff;font-weight:500;text-decoration:none}.privacy-page a:hover,.terms-page a:hover{text-decoration:underline}@media (max-width:768px){.legal-container{padding:25px}.privacy-page h1,.terms-page h1{font-size:1.8rem}.privacy-page h2,.terms-page h2{font-size:1.3rem}.privacy-page a,.privacy-page li,.privacy-page p,.terms-page a,.terms-page li,.terms-page p{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}}.home-page{margin:0 auto;max-width:1300px;padding:0 20px}.refunds-page{background-color:#fff}.refunds-page h1{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:8px}.refunds-page h2{border-bottom:1px solid #e5e5e5;color:#2a2a2a;font-size:1.5rem;font-weight:600;margin-bottom:15px;margin-top:35px;padding-bottom:8px}.refunds-page p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:20px}.refunds-page ul{margin:0 0 20px 20px;padding:0}.refunds-page li{color:#4a4a4a;line-height:1.5;margin-bottom:10px}.refunds-page a{color:#007bff;font-weight:500;text-decoration:none}.refunds-page a:hover{text-decoration:underline}.legal-page-wrapper{background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.legal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:800px;padding:30px 40px;width:100%}.last-updated{color:#888;font-style:italic;margin-bottom:30px}.about-page{margin:0 auto;max-width:1300px;padding:0 20px}.about-hero{align-items:center;display:flex;min-height:50vh;opacity:0;padding:60px 0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.about-hero.visible{opacity:1;transform:translateY(0)}.about-hero-content{flex:1 1;padding-right:40px}.about-hero h1{background:linear-gradient(90deg,#1f1f1f,#474747);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 20px}.about-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.about-visual{flex:1 1}.about-visual,.about-visual-element{align-items:center;display:flex;justify-content:center;position:relative}.about-visual-element{height:420px;width:420px;z-index:2}.abstract-shapes{z-index:1}@media (max-width:900px){.about-visual-element{height:340px;width:340px}}@media (max-width:600px){.about-visual-element{height:300px;width:300px}}.about-section{opacity:0;padding:60px 0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.2s}.about-section.visible{opacity:1;transform:translateY(0)}.about-section h2{color:#1f1f1f;font-size:2.2rem;margin:0 0 40px;text-align:center}.about-content{color:#333;line-height:1.8;margin:0 auto;max-width:800px}.about-content p{font-size:1.1rem;margin-bottom:20px}.creator-profile{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:900px}.creator-image{flex:0 0 200px}.profile-placeholder{align-items:center;background:linear-gradient(45deg,#292929,#1f1f1f);border-radius:50%;box-shadow:0 8px 20px #0000001a;color:#fff;display:flex;display:none;font-size:3rem;font-weight:600;height:200px;justify-content:center;width:200px}.creator-bio{flex:1 1}.creator-bio h3{color:#1f1f1f;font-size:1.8rem;margin:0 0 5px}.creator-title{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:20px}.creator-bio p{line-height:1.7;margin-bottom:15px}.creator-skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.skill-tag{background-color:#2929291a;border-radius:20px;color:#292929;display:inline-block;font-size:.9rem;padding:5px 12px}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.value-card{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0006;opacity:0;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .2s ease,opacity .5s ease}.value-card:nth-child(odd){transform:translateX(-50px)}.value-card:nth-child(2n){transform:translateX(50px)}.value-card.visible{box-shadow:0 5px 15px #0000001f;opacity:1;transform:translateX(0)}.value-card:first-child{transition-delay:.1s}.value-card:nth-child(2){transition-delay:.3s}.value-card:nth-child(3){transition-delay:.5s}.value-card:nth-child(4){transition-delay:.7s}.value-card:hover{box-shadow:0 12px 24px #00000040;transform:translateY(-8px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}.value-icon{align-items:center;background-color:#00000008;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 15px;transition:transform .3s ease;width:60px}.value-icon svg{height:28px;width:28px}.value-card:hover .value-icon{transform:rotate(5deg) scale(1.1)}.contact-section{text-align:center}.contact-text{color:#555;font-size:1.1rem;margin:0 auto 30px;max-width:600px}.contact-buttons{display:flex;gap:20px;justify-content:center}.section-divider{margin:20px 0}.primary-button,.secondary-button{border-radius:6px;display:inline-block;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.primary-button{background:linear-gradient(45deg,#292929,#1f1f1f);box-shadow:0 4px 12px #3838384d;color:#fff}.secondary-button{background:#0000;border:2px solid #1f1f1f;color:#292929}.primary-button:hover{box-shadow:0 6px 15px #25252566;transform:translateY(-3px)}.secondary-button:hover{background:#1e1e1e0d;transform:translateY(-3px)}@media (max-width:900px){.about-hero,.creator-profile{flex-direction:column;text-align:center}.about-hero-content,.creator-bio{margin-bottom:40px;padding-right:0}.about-subtitle{margin-left:auto;margin-right:auto}.profile-image{height:180px;width:180px}}@media (max-width:600px){.about-hero h1{font-size:2.5rem}.contact-buttons{align-items:center;flex-direction:column;gap:15px}.primary-button,.secondary-button{max-width:250px;text-align:center;width:100%}.values-grid{grid-template-columns:1fr}.profile-image{height:150px;width:150px}}.profile-image{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px #00000026;height:200px;margin-left:auto;margin-right:auto;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:200px}.profile-image:hover{box-shadow:0 12px 25px #0003;transform:scale(1.03)}.profile-image img{display:block;height:100%;object-fit:cover;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abstract-shapes .shape{animation:float 8s ease-in-out infinite;border-radius:50%;position:absolute}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.shape-1{animation-delay:0s;background:#0000000d;height:80px;right:20%;top:-30px;width:80px}.shape-2{animation-delay:2s;background:#00000008;bottom:10%;height:60px;left:10%;width:60px}.shape-3{animation-delay:4s;background:#00000005;height:40px;right:5%;top:30%;width:40px}.contact-page{margin:0 auto;max-width:1300px;padding:0 20px}.contact-hero{align-items:center;display:flex;min-height:45vh;opacity:0;padding:60px 0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.contact-hero.visible{opacity:1;transform:translateY(0)}.contact-hero-content{flex:1 1;padding-right:40px}.contact-hero h1{background:linear-gradient(90deg,#1f1f1f,#474747);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 20px}.contact-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin-top:0;max-width:600px}.contact-visual{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.contact-visual-element{height:450px;max-width:650px;position:relative;width:100%;z-index:1}.abstract-shapes{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.shape{border-radius:50%;opacity:.1;position:absolute}.shape-1{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);height:250px;right:-20px;top:-50px;width:250px}.shape-2{background:linear-gradient(45deg,#555,#333);bottom:30px;height:150px;right:100px;width:150px}.shape-3{background:linear-gradient(45deg,#666,#444);bottom:60px;height:100px;left:20px;width:100px}.contact-section{opacity:0;padding:40px 0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;transition-delay:.2s}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-section h2{color:#1f1f1f;font-size:2.2rem;margin:0 0 40px;text-align:center}.section-divider{display:flex;margin:40px 0}.divider-icon,.section-divider{align-items:center;justify-content:center}.divider-icon{background:linear-gradient(45deg,#292929,#1f1f1f);border-radius:50%;color:#fff;display:inline-flex;height:40px;position:relative;width:40px}.divider-icon:after,.divider-icon:before{background:#e0e0e0;content:"";height:1px;position:absolute;width:100px}.divider-icon:before{margin-right:20px;right:100%}.divider-icon:after{left:100%;margin-left:20px}.contact-container{display:flex;gap:40px;margin-top:20px}.contact-info-column{display:flex;flex:1 1;flex-direction:column;gap:20px}.contact-form-column{flex:2 1}.info-card{background-color:#fff;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001f;overflow:hidden;padding:30px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .2s ease}.info-card:before{display:none}.info-card:hover{box-shadow:0 12px 24px #00000040;transform:translateY(-8px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}.info-card:hover:before{display:none}.info-icon{align-items:center;background:linear-gradient(135deg,#29292908,#29292914);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:70px}.info-card:hover .info-icon{background:linear-gradient(135deg,#2929290d,#2929291f);transform:scale(1.1)}.info-icon svg{stroke:#292929;height:30px;width:30px}.info-card h3{color:#292929;font-size:1.4rem;font-weight:600;margin:0 0 12px}.info-card p{color:#666;font-size:.95rem;margin:0 0 15px}.info-link{color:#292929;display:inline-block;font-weight:600;position:relative;text-decoration:none;transition:all .2s ease}.info-link:after{background-color:#292929;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease;width:100%}.info-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.form-card{background-color:#fff;border:1px solid rgba(0,0,0,.112);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.229);overflow:hidden;padding:40px;position:relative}.form-card:before{background:linear-gradient(135deg,#0000 60%,#1f1f1f0a);border-radius:50% 0 0 0;bottom:0;content:"";height:250px;position:absolute;right:0;width:250px;z-index:0}.form-card h2{background:linear-gradient(90deg,#1f1f1f,#474747);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 30px;position:relative;text-align:left;z-index:1}.contact-form{display:flex;flex-direction:column;gap:22px;position:relative;z-index:1}.form-row{display:flex;gap:20px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:10px;transition:color .2s ease}.form-group input,.form-group textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;box-shadow:inset 0 2px 4px #00000005;font-family:inherit;font-size:1rem;padding:16px 20px;transition:all .25s ease}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#292929;box-shadow:0 0 0 3px #2929291a,inset 0 2px 4px #0000;outline:none}.form-group:focus-within label{color:#1f1f1f;transform:translateY(-2px)}.form-group textarea{min-height:140px;resize:vertical}.submit-button{background:linear-gradient(45deg,#1f1f1f,#393939);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.submit-button:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.submit-button:hover:before{left:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.success-message{align-items:center;background-color:#4caf5014;border-left:4px solid #4caf50;border-radius:12px;color:#2e7d32;display:flex;gap:12px;margin-bottom:25px;padding:18px}.success-message svg{flex-shrink:0}.location-section{padding:60px 0}.location-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;overflow:hidden}.location-info{padding:30px}.location-info h3{color:#292929;font-size:1.5rem;margin:0 0 15px}.location-info p{color:#666;font-size:1rem;margin:0 0 5px}.location-map{flex:1 1;min-height:300px}.faq-section{padding:70px 0 80px}.faq-section h2{background:linear-gradient(90deg,#1f1f1f,#474747);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.4rem;font-weight:600;margin-bottom:50px}.faq-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.faq-item{background-color:#fff;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001f;overflow:hidden;padding:30px;position:relative;transition:transform .3s ease,box-shadow .2s ease}.faq-item:before{display:none}.faq-item:hover{box-shadow:0 12px 24px #00000040;transform:translateY(-8px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}.faq-item:hover:before{display:none}.faq-item h3{color:#1f1f1f;font-size:1.3rem;font-weight:600;margin:0 0 15px}.faq-item p{color:#666;font-size:1.05rem;line-height:1.7;margin:0}.faq-item a{color:#292929;font-weight:600;position:relative;text-decoration:none}.faq-item a:after{background-color:#292929;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom center;transition:transform .3s ease;width:100%}.faq-item a:hover:after{transform:scaleX(.6);transform-origin:bottom center}.faq-link{color:#292929;display:inline-block;font-weight:600;position:relative;text-decoration:none!important;transition:all .2s ease}.faq-link:after{background-color:#292929;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom center;transition:transform .3s ease;width:100%}.faq-link:hover:after{transform:scaleX(.6);transform-origin:bottom center}@media (max-width:900px){.contact-container,.contact-hero{flex-direction:column}.contact-hero-content{margin-bottom:40px;padding-right:0}.contact-subtitle{margin-left:auto;margin-right:auto}.faq-container{grid-template-columns:1fr}}@media (max-width:768px){.form-row{flex-direction:column}.faq-section h2{font-size:1.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:600px){.contact-hero h1{font-size:2.5rem}.contact-visual-element{height:280px}.contact-container{gap:25px}.faq-section h2{font-size:1.6rem}}.thank-you-page{margin:0 auto;max-width:1300px;opacity:0;padding:50px 20px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.thank-you-page.visible{opacity:1;transform:translateY(0)}.thank-you-container{background-color:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 1px 5px #0000000d;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.thank-you-header{border-bottom:1px solid #0000000d;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.logo-container,.thank-you-header{align-items:center;display:flex}.thank-you-logo{height:60px;margin-right:15px;transition:transform .3s ease;width:60px}.logo-container .logo-text{color:#333;font-size:1.4rem;font-weight:700;letter-spacing:.5px}.thank-you-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf501a,#4caf500d);border-radius:50%;box-shadow:0 4px 15px #4caf5026;display:flex;justify-content:center;padding:15px}.thank-you-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;background-clip:text;color:#333;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-align:center}.thank-you-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px;text-align:center}.order-details{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #00000008;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:30px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.order-details:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.order-details-header h2{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.order-detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.order-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#666;font-weight:600}.detail-value{color:#333}.discount-row .detail-value{color:#16a34a}.total-row{font-size:1.1rem;font-weight:700}.items-purchased{margin-bottom:30px;padding:5px;position:relative}.items-purchased h2{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.purchased-items-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.purchased-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #00000008;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:nowrap;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.purchased-item:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-3px)}.item-image{border-radius:8px;flex-shrink:0;height:80px;margin-right:15px;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{min-width:0;padding-right:10px}.item-details .project-title,.item-details h3{word-wrap:break-word;color:#333;font-size:1.1rem;-webkit-hyphens:none;hyphens:none;line-height:1.3;margin:0 0 5px;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:normal}.item-details p{color:#666;font-size:.9rem;margin:0}.item-price{align-items:center;color:#333;display:flex;font-weight:600;margin-left:10px}.thank-you-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;margin-top:30px}.browse-more-btn,.download-btn,.generate-receipt-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.generate-receipt-btn{background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000000d;color:#333;transition:all .3s ease}.generate-receipt-btn:hover{background-color:#f8f8f8;border-color:#ccc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.generate-receipt-btn:disabled{cursor:not-allowed;opacity:.7}.download-btn{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;box-shadow:0 4px 12px #0000001a;color:#fff;overflow:hidden;position:relative;z-index:1}.download-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%;z-index:-1}.download-btn:hover:before{left:100%}.download-btn:hover{box-shadow:0 6px 15px #0003;transform:translateY(-3px)}.browse-more-btn{background:#f8f9fa;border:1px solid #ddd;box-shadow:0 2px 8px #0000000d;color:#333;transition:all .3s ease}.browse-more-btn:hover{background:#eff2f5;border-color:#ccc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.download-message{align-items:center;animation:fadeIn .3s ease-in;border-radius:8px;display:flex;font-size:.9rem;gap:8px;margin-top:15px;padding:10px 15px;width:100%}.download-message.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#2e7d32}.download-message.error{background-color:#f443361a;border:1px solid #f443364d;color:#d32f2f}.animate-spin{animation:spin 1s linear infinite}.disclaimer-section{background:linear-gradient(135deg,#fff9f0,#fffbf5);border:1px solid #ff980033;border-radius:12px;box-shadow:0 4px 15px #ff98000d;margin-top:30px;padding:20px}.disclaimer-header{align-items:center;color:#e65100;display:flex;margin-bottom:10px}.disclaimer-header svg{stroke:#e65100;margin-right:10px}.disclaimer-header h3{color:#e65100;font-size:1.2rem;font-weight:600;margin:0}.disclaimer-section p{color:#666;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.thank-you-container{padding:25px}.thank-you-header{flex-direction:column;gap:20px}.logo-container{justify-content:center}.logo-container .logo-text{font-size:1.2rem}.thank-you-page h1{font-size:1.8rem}.purchased-items-list{grid-template-columns:1fr}.thank-you-actions{flex-direction:column}.browse-more-btn,.download-btn,.generate-receipt-btn{justify-content:center;width:100%}.purchased-item{flex-wrap:wrap;padding:15px;position:relative}.item-details{min-width:0;width:calc(100% - 95px)}.item-details h3{font-size:1rem}.item-price{position:absolute;right:15px;top:15px}.disclaimer-section{padding:15px}}.not-found-container{align-items:center;display:flex;flex-direction:row;gap:4rem;justify-content:center;margin:0 auto;max-width:1300px;min-height:70vh;padding:2rem}@media (max-width:900px){.not-found-container{flex-direction:column-reverse;gap:2rem}}.not-found-content{flex:1 1;max-width:500px}.error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f51b5,#5c6bc0);-webkit-background-clip:text;background-clip:text;color:#3f51b5;font-size:8rem;font-weight:900;line-height:1;margin-bottom:.5rem;opacity:.8;text-shadow:0 10px 20px #3f51b526}.error-code,.not-found-container h1{font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.not-found-container h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.not-found-container p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem}.browse-button,.home-button{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.home-button{background:linear-gradient(135deg,#3f51b5,#5c6bc0);box-shadow:0 4px 12px #3f51b533;color:#fff}.home-button:hover{box-shadow:0 6px 16px #3f51b54d;transform:translateY(-2px)}.browse-button{background-color:initial;border:2px solid #3f51b5;color:#3f51b5}.browse-button:hover{background-color:#3f51b50d;transform:translateY(-2px)}.not-found-illustration{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:400px}.not-found-illustration img{height:auto;max-width:100%;transition:transform .3s ease}.course-card{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.course-card:hover{border-color:#0000000d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.course-card:before{border:2px solid #0000;border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.course-card:hover:before{border:2px solid #0009;box-shadow:0 0 0 1px #0000001a}.card-image-container{background:#f6f7fb;height:0;overflow:hidden;padding-top:56.25%;position:relative}.card-image-container img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.course-card:hover .card-image-container img{transform:scale(1.05)}.image-overlay{align-items:center;background:#0003;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-card:hover .image-overlay{opacity:1}.view-course-btn{background:#fff;border-radius:30px;color:#333;font-weight:600;padding:10px 20px;text-decoration:none;transform:translateY(10px);transition:all .3s ease;white-space:nowrap}.course-card:hover .view-course-btn{transform:translateY(0)}.view-course-btn:hover{background:#f5f5f5}.category-tag{background:#000000b3;border-radius:30px;color:#fff;font-size:.75rem;font-weight:600;padding:5px 12px;top:15px}.category-tag,.progress-indicator{left:15px;position:absolute;z-index:2}.progress-indicator{background:#0000001a;border-radius:3px;bottom:15px;height:6px;overflow:hidden;right:15px}.progress-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;height:100%;transition:width .5s ease}.card-content{flex-grow:1;padding:20px}.course-card h3{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 10px}.course-card .description{color:#666;flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:20px}.course-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding:0 20px 20px}.course-stats{display:flex;gap:10px}.stat{align-items:center;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8rem;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s ease}.stat,.stat:hover{background-color:initial}.stat:hover{border-color:#d1d5db;color:#374151}.stat svg{color:#9ca3af;height:14px;transition:color .2s ease;width:14px}.stat:hover svg{color:#6b7280}.continue-btn{align-items:center;background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.continue-btn:hover{box-shadow:0 4px 12px #0003}.new-badge{animation:pulse 2s infinite;background:#ff5722;border-radius:30px;color:#fff;font-size:.75rem;font-weight:600;padding:5px 10px;position:absolute;right:15px;top:15px;z-index:2}@media (max-width:768px){.view-course-btn{font-size:.9rem;padding:8px 16px}.continue-btn{font-size:.95rem;padding:10px 20px;white-space:nowrap}.course-footer{flex-wrap:wrap;gap:15px}.course-stats{flex-wrap:wrap}}@media (max-width:480px){.view-course-btn{font-size:.8rem;padding:6px 12px}.continue-btn{font-size:.9rem;padding:10px 18px;white-space:nowrap}.category-tag,.new-badge{font-size:.7rem;padding:4px 10px}.card-content{padding:15px}.course-footer{align-items:center;flex-direction:row;justify-content:space-between;padding:0 15px 15px}.course-stats{font-size:.75rem;gap:10px}.stat svg{height:14px;width:14px}.course-card h3{word-wrap:break-word;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}}.courses-page{margin:0 auto;max-width:1300px;opacity:0;padding:0 20px 80px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.courses-page.visible{opacity:1;transform:translateY(0)}.courses-header{margin-bottom:40px;opacity:0;padding:10px 0 0;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.courses-header.visible{opacity:1;transform:translateY(0)}.courses-header h1{color:#1f1f1f;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px}.courses-header h1,.header-subtitle{font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header-subtitle{color:#7a7a7a;font-size:20px;margin:0 0 20px}.course-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.course-grid.visible{opacity:1;transform:translateY(0)}.course-card-wrapper{animation:fadeInUp .5s forwards;animation-delay:calc(var(--index)*.1s);opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.course-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.filter-tab{background:#fff;border:1px solid #e0e0e0;border-radius:30px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-tab:hover{background:#f5f5f5}.filter-tab.active{background:#333;border-color:#333;color:#fff}.empty-courses{padding:60px 20px;text-align:center}.empty-courses h2{color:#333;font-size:1.8rem;margin-bottom:15px}.empty-courses p{color:#666;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.loading-container{padding:60px 0}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#333}@media screen and (max-width:768px){.courses-header h1{font-size:2rem}.header-subtitle{font-size:1rem}.course-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.leaderboard-container{--leaderboard-card-shadow:0 10px 20px #0000001a,0 6px 6px #0000000d;--leaderboard-hover-transform:translateY(-5px);--leaderboard-border-radius-sm:8px;--leaderboard-border-radius-md:12px;--leaderboard-border-radius-lg:20px;--leaderboard-animation-speed-fast:0.2s;--leaderboard-animation-speed-medium:0.4s;--leaderboard-animation-speed-slow:0.8s;--leaderboard-primary-color:#3d3d3d;--leaderboard-primary-light:#474747;--leaderboard-primary-dark:#1f1f1f;--leaderboard-secondary-color:#4299e1;--leaderboard-text-dark:#333;--leaderboard-text-medium:#666;--leaderboard-text-light:#999;margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.leaderboard-header{margin-bottom:40px;text-align:center}.leaderboard-header h2{background:linear-gradient(120deg,var(--leaderboard-primary-color) 0,var(--leaderboard-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:10px}.leaderboard-header p{color:#666;font-size:1.1rem;opacity:.8}.leaderboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 3fr}.course-selector{background:#fff;border-radius:var(--leaderboard-border-radius-md);box-shadow:var(--leaderboard-card-shadow);height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.selector-title{border-bottom:1px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.course-options{display:flex;flex-direction:column;gap:12px}.course-option{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:var(--leaderboard-border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;padding:12px 15px;position:relative;text-align:left;transition:all var(--leaderboard-animation-speed-medium) ease;will-change:transform}.course-option:hover{background:#fff;box-shadow:0 6px 20px #0000001f,0 3px 8px #00000012;transform:var(--leaderboard-hover-transform)}.course-option.selected{background:#3d3d3d0d;border-color:var(--leaderboard-primary-color)}.course-option.selected:hover{background:#3d3d3d14}.course-option.selected .course-option-icon{background:linear-gradient(135deg,var(--leaderboard-primary-color) 0,var(--leaderboard-primary-dark) 100%);box-shadow:0 4px 12px #00000026}.course-option-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.course-option-icon{align-items:center;background:linear-gradient(135deg,var(--leaderboard-primary-light) 0,var(--leaderboard-primary-dark) 100%);border:1px solid #0000001a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:40px}.course-option:hover .course-option-icon{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.course-option-title{color:var(--leaderboard-text-dark);flex-grow:1;font-size:.95rem;font-weight:500;margin-left:5px}.checkmark{align-items:center;color:var(--leaderboard-primary-color);display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:1;transition:all .2s ease;width:24px}.checkmark svg{height:18px;transition:transform .2s ease;width:18px}.course-option:hover .checkmark svg{transform:scale(1.05)}.leaderboard-cards{background:#fff;border-radius:var(--leaderboard-border-radius-md);box-shadow:var(--leaderboard-card-shadow);padding:25px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-card{align-items:center;animation:fadeSlideIn .4s ease-out backwards;background:#f8f9fa;border:1px solid #0000;border-radius:var(--leaderboard-border-radius-sm);display:grid;grid-template-columns:.5fr 2fr 3fr;padding:16px 22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-card:first-child{animation-delay:.05s}.leaderboard-card:nth-child(2){animation-delay:.1s}.leaderboard-card:nth-child(3){animation-delay:.15s}.leaderboard-card:nth-child(4){animation-delay:.2s}.leaderboard-card:nth-child(5){animation-delay:.25s}.leaderboard-card:nth-child(6){animation-delay:.3s}.leaderboard-card:nth-child(7){animation-delay:.35s}.leaderboard-card:nth-child(8){animation-delay:.4s}.leaderboard-card:nth-child(9){animation-delay:.45s}.leaderboard-card:nth-child(10){animation-delay:.5s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-card:hover{border-color:#3d3d3d14;box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f;transform:translateY(-3px)}.leaderboard-card.current-user{background:#3d3d3d0d;border:2px solid var(--leaderboard-primary-color)}.rank{color:var(--leaderboard-primary-dark);margin-right:15px;text-align:center}.trophy{transition:transform .3s ease,filter .3s ease}.leaderboard-card:hover .trophy{transform:scale(1.1)}.rank-1{filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.rank-2{filter:drop-shadow(0 0 3px rgba(192,192,192,.4))}.rank-3{filter:drop-shadow(0 0 3px rgba(205,127,50,.4))}.user-info,.user-profile{align-items:center;display:flex;gap:15px}.user-avatar{background:#e9ecef;border-radius:50%;box-shadow:0 2px 8px #00000014;height:48px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:48px}.leaderboard-card:hover .user-avatar{box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}.user-avatar img{border:2px solid var(--leaderboard-primary-light);border-radius:50%;height:50px;object-fit:cover;width:50px}.user-details{display:flex;flex-direction:column}.user-name{align-items:center;color:var(--leaderboard-text-dark);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:3px}.user-you-badge{background:var(--leaderboard-primary-color);border-radius:12px;box-shadow:0 2px 4px #3d3d3d33;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.6px;padding:3px 10px;text-transform:uppercase}.user-email{color:var(--leaderboard-text-medium);font-size:.85rem}.user-stats{display:flex;gap:24px;justify-content:flex-end;padding-right:10px}.stat{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.8rem;letter-spacing:.3px;opacity:.75;text-transform:uppercase}.stat-value{color:var(--leaderboard-primary-color);font-size:1.2rem;font-weight:700}.accuracy-display{align-items:center;display:flex;gap:10px}.accuracy-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100px}.accuracy-fill{background:linear-gradient(120deg,var(--leaderboard-primary-color) 0,var(--leaderboard-primary-dark) 100%);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.accuracy-percentage{color:var(--leaderboard-primary-color);font-size:.9rem;font-weight:600}.current-user-rank{background:#3d3d3d0d;border-left:4px solid var(--leaderboard-primary-color);border-radius:var(--leaderboard-border-radius-sm);margin-top:25px;padding:15px;text-align:center}.current-user-rank p:first-child{font-size:1.1rem;font-weight:600;margin-bottom:5px}.current-user-rank p:last-child{color:#666;font-size:.9rem;opacity:.8}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:40px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #3d3d3d1a;border-left:4px solid var(--leaderboard-primary-color);border-radius:50%;height:40px;width:40px}.empty-leaderboard{padding:40px 0;text-align:center}.empty-leaderboard p:first-child{font-size:1.2rem;font-weight:600;margin-bottom:10px}.empty-leaderboard p:last-child{color:#666;font-size:1rem;opacity:.8}.error-message{padding:30px 0;text-align:center}.error-message p{color:#f44336;color:var(--danger-color,#f44336);margin-bottom:15px}.retry-button{background:#f8f9fa;border:2px solid var(--leaderboard-primary-color);border-radius:var(--leaderboard-border-radius-sm);color:var(--leaderboard-primary-color);cursor:pointer;font-weight:500;padding:10px 20px;transition:all var(--leaderboard-animation-speed-fast) ease}.retry-button:hover{background:var(--leaderboard-primary-color);color:#fff}@media (max-width:992px){.leaderboard-content{grid-template-columns:1fr}.course-selector{margin-bottom:30px;position:static}.leaderboard-card{grid-template-columns:.3fr 1.5fr 1fr;padding:12px 15px}.rank{font-size:1.3rem}.user-avatar img{height:45px;width:45px}.user-name{font-size:1rem}.score{font-size:1.1rem}}@media (max-width:768px){.leaderboard-header h2{font-size:2rem}.leaderboard-card{gap:10px;grid-template-columns:.2fr 2fr 1fr}.user-info{gap:10px}.user-avatar img{height:40px;width:40px}.user-name{font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem}.score{font-size:1rem}.quizzes-completed{font-size:.75rem}}@media (max-width:576px){.leaderboard-container{padding:15px 12px 80px}.leaderboard-header{margin-bottom:20px}.leaderboard-header h2{font-size:1.6rem}.leaderboard-header p{font-size:.9rem}.course-selector{margin-bottom:15px;padding:12px}.selector-title{font-size:1rem;margin-bottom:10px;padding-bottom:8px}.course-options{gap:8px}.course-option{margin-bottom:0;padding:10px 12px}.course-option-icon{font-size:1rem;height:32px;width:32px}.course-option-title{font-size:.85rem}.leaderboard-cards{padding:12px}.leaderboard-list{gap:10px}.leaderboard-card{display:flex;flex-direction:column;gap:12px;padding:14px}.leaderboard-card.current-user{border-width:2px}.leaderboard-card .rank{font-size:1rem;left:12px;margin-right:0;position:absolute;top:12px}.leaderboard-card .user-profile{align-items:center;display:flex;gap:10px;padding-left:40px}.leaderboard-card .user-avatar,.leaderboard-card .user-avatar img{height:42px;width:42px}.leaderboard-card .user-name{flex-wrap:wrap;font-size:.95rem;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.leaderboard-card .user-you-badge{font-size:.6rem;padding:2px 8px}.leaderboard-card .user-stats{border-top:1px solid #eee;display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-top:0;padding:10px 0 0}.leaderboard-card .stat{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px}.leaderboard-card .stat-label{font-size:.7rem;letter-spacing:.2px;white-space:nowrap}.leaderboard-card .stat-value{font-size:1rem}.leaderboard-card .accuracy-display{align-items:center;flex-direction:row;gap:0}.leaderboard-card .accuracy-bar{display:none}.leaderboard-card .accuracy-percentage{font-size:1rem;font-weight:700}.trophy{font-size:1.2rem}.current-user-rank{margin-top:15px;padding:12px}.current-user-rank p:first-child{font-size:1rem}.current-user-rank p:last-child{font-size:.85rem}}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.rank{align-items:center;display:flex;font-size:1.5rem;justify-content:center;position:relative}.rank,.rank-number{color:#333;font-weight:700}.rank-number{display:inline-block;font-size:1.3rem;text-align:center;width:100%}.trophy{align-items:center;display:flex;font-size:1.8rem;justify-content:center}@media (max-width:768px){.rank{font-size:1.2rem}.trophy{font-size:1.5rem}}@media (max-width:576px){.rank{font-size:1rem}.trophy{font-size:1.2rem}}:root{--lb-button-primary:#3d3d3d;--lb-button-primary-dark:#1f1f1f;--lb-button-gradient:linear-gradient(120deg,#3d3d3d,#1f1f1f);--lb-button-radius:8px;--lb-button-animation:0.2s}.leaderboard-button{align-items:center;background:linear-gradient(120deg,#3d3d3d,#1f1f1f);background:var(--lb-button-gradient);border:none;border-radius:8px;border-radius:var(--lb-button-radius);box-shadow:0 4px 10px #1f1f1f40;color:#fff!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin:10px 0;padding:12px 24px;position:relative;text-decoration:none;transition:all .2s ease;transition:all var(--lb-button-animation) ease;z-index:5}.leaderboard-button svg{color:#fff;height:18px;width:18px}.leaderboard-button:hover{background:linear-gradient(120deg,#474747,#2d2d2d);box-shadow:0 8px 15px #1f1f1f59;transform:translateY(-2px)}.leaderboard-button:focus{box-shadow:0 0 0 3px #3d3d3d40;outline:none}.leaderboard-button:active{transform:scale(.98)}@keyframes subtle-pulse{0%{box-shadow:0 4px 10px #1f1f1f40}50%{box-shadow:0 4px 15px #1f1f1f66}to{box-shadow:0 4px 10px #1f1f1f40}}.leaderboard-button-container .leaderboard-button{animation:subtle-pulse 2s ease-in-out infinite;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin:10px 0;min-width:180px;padding:12px 24px;text-align:center}.leaderboard-button-container{margin-top:30px;text-align:center}@media (max-width:768px){.leaderboard-button{font-size:15px;padding:10px 18px}.leaderboard-button svg{height:16px;width:16px}}:root{--primary-color:#4361ee;--primary-light:#4895ef;--primary-dark:#3f37c9;--secondary-color:#f72585;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--neutral-light:#f8f9fa;--neutral-medium:#e9ecef;--neutral-dark:#343a40;--background-gradient:linear-gradient(120deg,#a1c4fd,#c2e9fb);--success-gradient:linear-gradient(120deg,#84fab0,#8fd3f4);--primary-gradient:linear-gradient(120deg,#4361ee,#4895ef);--secondary-gradient:linear-gradient(120deg,#f72585,#b5179e);--card-shadow:0 0 20px #00000026;--hover-transform:translateY(-5px);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--animation-speed-fast:0.2s;--animation-speed-medium:0.4s;--animation-speed-slow:0.8s}.coding-exercise,.interactive-quiz{margin:30px 0}.coding-exercise,.content-block,.interactive-quiz{clear:both;display:block;width:100%}.module-path-container{background:#fff;border:2px solid #e5e5e5;border-radius:20px;box-shadow:0 4px 0 0 #e5e5e5;margin:30px 0;max-width:100%;overflow:visible;padding:20px 40px;position:relative;width:100%}.module-path{flex-wrap:nowrap;gap:0;justify-content:space-between;padding:15px 0;width:100%;z-index:1}.module-item,.module-path{align-items:center;display:flex;position:relative}.module-item{flex:1 1;justify-content:center;min-width:0}.module-item:first-child{flex:0 0 auto;justify-content:flex-start}.module-item:last-child{justify-content:flex-end}.path-connector{background:#d4d4d4;border-radius:3px;flex:1 1 auto;height:6px;margin:0 -12px;min-width:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.path-connector:after{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.path-connector.active{background:linear-gradient(90deg,#58cc02,#46a302);box-shadow:0 2px 8px #58cc024d}.path-connector.active:after{animation:connector-shimmer 2s ease-in-out infinite;opacity:1}@keyframes connector-shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.module-node{align-items:center;background:#ececec;border:4px solid #fff;border-radius:50%;box-shadow:0 5px 0 0 #d4d4d4,0 8px 15px #0000001a;color:#afafaf;cursor:pointer;display:flex;flex-shrink:0;font-weight:800;height:64px;isolation:isolate;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:10}.module-node span{font-size:1.4rem;text-shadow:0 1px 2px #0000001a}.module-node:hover:not(.locked){box-shadow:0 8px 0 0 #c4c4c4,0 15px 30px #00000026;transform:translateY(-4px) scale(1.08)}.module-node:active:not(.locked){box-shadow:0 2px 0 0 #d4d4d4,0 4px 8px #0000001a;transform:translateY(2px) scale(.98)}.module-node.completed{background:linear-gradient(180deg,#58cc02,#46a302);border-color:#ffffffe6;box-shadow:0 5px 0 0 #3d8f02,0 8px 15px #58cc024d;color:#fff}.module-node.completed:hover{box-shadow:0 8px 0 0 #358002,0 15px 30px #58cc0266}.module-node.completed .check-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.module-node.current{animation:current-pulse 2s ease-in-out infinite;background:linear-gradient(180deg,#1cb0f6,#0095da);border-color:#fffffff2;box-shadow:0 5px 0 0 #007bb8,0 8px 15px #1cb0f666;color:#fff}@keyframes current-pulse{0%,to{box-shadow:0 5px 0 0 #007bb8,0 8px 15px #1cb0f666,0 0 0 0 #1cb0f666}50%{box-shadow:0 5px 0 0 #007bb8,0 8px 15px #1cb0f666,0 0 0 12px #1cb0f600}}.module-node.current:hover{animation:none;box-shadow:0 8px 0 0 #006799,0 15px 30px #1cb0f680}.module-node.locked{background:linear-gradient(180deg,#e5e5e5,#d4d4d4);box-shadow:0 4px 0 0 #c4c4c4,0 6px 10px #00000014;color:#9a9a9a;cursor:not-allowed;opacity:1}.module-node.locked:hover{transform:none}.module-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014;font-size:.85rem;left:50%;max-width:220px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 12px);transform:translateX(-50%) translateY(5px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;width:-webkit-max-content;width:max-content;z-index:100}.module-tooltip:before{border-bottom:8px solid #e5e5e5;border-left:8px solid #0000;border-right:8px solid #0000;top:-8px}.module-tooltip:after,.module-tooltip:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.module-tooltip:after{border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;top:-5px}.module-tooltip-title{color:#1a1a1a;font-size:.9rem;font-weight:700;line-height:1.35;margin-bottom:5px}.module-tooltip-lessons{color:#444;font-size:.85rem;font-weight:600;line-height:1.35}.module-node:hover .module-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);visibility:visible}.check-icon,.lock-icon{height:28px;width:28px}.module-path-container.compact-path{margin:20px 0;padding:15px 30px}.compact-path .module-path{padding:10px 0}.compact-path .module-node{height:56px;width:56px}.compact-path .module-node span{font-size:1.2rem}.compact-path .path-connector{height:5px}@media (max-width:900px){.module-path-container{margin:20px 0;padding:15px 20px}.module-path{flex-wrap:wrap;gap:10px;justify-content:center}.module-item{flex:0 0 auto}.path-connector{flex:0 0 25px;min-width:25px;width:25px}.module-node{height:52px;width:52px}.module-node span{font-size:1.1rem}}@media (max-width:480px){.module-path-container{border-radius:16px;padding:12px 15px}.module-node{border-width:3px;height:46px;width:46px}.module-node span{font-size:1rem}.path-connector{height:4px;min-width:18px;width:18px}.check-icon,.lock-icon{height:22px;width:22px}.module-tooltip{font-size:.85rem;max-width:180px;padding:10px 14px}}@keyframes pulse{0%{box-shadow:0 0 0 0 #4361ee66}70%{box-shadow:0 0 0 10px #4361ee00}to{box-shadow:0 0 0 0 #4361ee00}}.lesson-card{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 2px 0 0 #e5e5e5;cursor:pointer;display:flex;margin-bottom:12px;overflow:hidden;padding:0;position:relative;transition:all .15s ease}.lesson-card:hover{border-color:#d4d4d4;box-shadow:0 4px 0 0 #d4d4d4;transform:translateY(-2px)}.lesson-card:active{box-shadow:none;transform:translateY(2px)}.lesson-card.completed{background:#fff;border-color:#58cc02;box-shadow:0 2px 0 0 #46a302}.lesson-card.completed:hover{border-color:#46a302;box-shadow:0 4px 0 0 #3d8f02}.lesson-card.current{animation:gentle-pulse 2s infinite;background:#fff;border-color:#1cb0f6;box-shadow:0 2px 0 0 #0095da}@keyframes gentle-pulse{0%,to{box-shadow:0 2px 0 0 #0095da}50%{box-shadow:0 2px 0 0 #0095da,0 0 12px #1cb0f64d}}.lesson-card.current:hover{border-color:#0095da;box-shadow:0 4px 0 0 #007bb8}.lesson-card-status{align-items:center;background:linear-gradient(180deg,#fafafa,#f0f0f0);border-right:1px solid #e5e5e5;display:flex;justify-content:center;min-width:56px;width:56px}.lesson-card.completed .lesson-card-status{background:linear-gradient(180deg,#58cc02,#46a302);border-right:none}.lesson-card.current .lesson-card-status{background:linear-gradient(180deg,#1cb0f6,#0095da);border-right:none}.lesson-completed-icon{align-items:center;background:#0000;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.lesson-completed-icon svg{stroke-width:3;color:#fff;height:18px;width:18px}.lesson-number{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:50%;color:#777;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.lesson-card.current .lesson-number{background:#fff;background:#ffffff40;border:none;color:#fff}.lesson-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:14px 16px}.lesson-card-title{color:#3c3c3c;font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.lesson-card.completed .lesson-card-title{color:#2d7900}.lesson-card.current .lesson-card-title{color:#0076ab}.lesson-card-preview{align-items:center;color:#777;display:flex;flex-direction:row;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-top:2px}.lesson-card-example-indicator,.lesson-card-game-indicator,.lesson-card-quiz-indicator{align-items:center;background:#0000000a;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;gap:3px;padding:2px 8px}.lesson-card-quiz-indicator{background:#ce82ff1a;color:#ce82ff}.lesson-card-example-indicator{background:#1cb0f61a;color:#1cb0f6}.lesson-card-game-indicator{background:#ff96001a;color:#ff9600}.lesson-card-example-indicator svg,.lesson-card-game-indicator svg,.lesson-card-quiz-indicator svg{color:inherit;height:12px;width:12px}.lesson-card-action{padding:0 12px}.lesson-card-arrow{align-items:center;aspect-ratio:1/1;background:#f0f0f0;border-radius:50%;color:#aaa;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:all .15s ease;width:32px}.lesson-card:hover .lesson-card-arrow{background:#e0e0e0;color:#777;transform:scale(1.1)}.lesson-card.completed .lesson-card-arrow{background:#58cc0226;color:#58cc02}.lesson-card.completed:hover .lesson-card-arrow{background:#58cc0240;color:#46a302}.lesson-card.current .lesson-card-arrow{animation:arrow-bounce 1.5s ease-in-out infinite;background:#1cb0f626;color:#1cb0f6}@keyframes arrow-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.lesson-card.current:hover .lesson-card-arrow{animation:none;background:#1cb0f640;color:#0095da;transform:scale(1.1)}.interactive-quiz{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;margin:30px 0;overflow:hidden;padding:24px;position:relative;transition:all .15s ease}.interactive-quiz:before{background:linear-gradient(180deg,#4361ee,#3f37c9);border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.interactive-quiz:hover{border-color:#d4d4d4;box-shadow:0 6px 0 0 #d4d4d4;transform:translateY(-2px)}.quiz-title{align-items:center;color:#4361ee;color:var(--primary-color);display:flex;gap:10px;margin-top:0}.quiz-question{color:#343a40;color:var(--neutral-dark);font-size:1.2rem;font-weight:600;margin:20px 0}.quiz-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:25px 0}@media (max-width:768px){.quiz-options{grid-template-columns:1fr}}.quiz-option{align-items:center;background:#fff;border:2px solid #e9ecef;border:2px solid var(--neutral-medium);border-radius:8px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:12px;outline:none;overflow:hidden;padding:15px;position:relative;text-align:left;transition:all .2s ease;transition:all var(--animation-speed-fast) ease;width:100%;z-index:1}.quiz-option:hover:not(.correct):not(.incorrect):not(:disabled){background:#4361ee0d;border-color:#4895ef;border-color:var(--primary-light);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.quiz-option:focus:not(.correct):not(.incorrect):not(:disabled){border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee4d;outline:none}.quiz-option:active:not(.correct):not(.incorrect):not(:disabled){background:#4361ee1a;transform:scale(.98)}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option.selected:not(.correct):not(.incorrect){background:#4361ee1a;border-color:#4361ee;border-color:var(--primary-color)}.quiz-option.correct{background:#4caf501a;border-color:#4caf50;border-color:var(--success-color)}.quiz-option.incorrect{background:#f443361a;border-color:#f44336;border-color:var(--danger-color)}.option-marker{align-items:center;background:#e9ecef;background:var(--neutral-medium);border-radius:50%;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;min-width:30px}.quiz-option.selected .option-marker{background:#4361ee;background:var(--primary-color);color:#fff}.quiz-option.correct .option-marker{background:#4caf50;background:var(--success-color);color:#fff}.quiz-option.incorrect .option-marker{background:#f44336;background:var(--danger-color);color:#fff}.option-text{flex:1 1}.correct-icon,.incorrect-icon{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:24px}.correct-icon svg{color:#4caf50;color:var(--success-color)}.incorrect-icon svg{color:#f44336;color:var(--danger-color)}.quiz-feedback{border-radius:8px;border-radius:var(--border-radius-sm);margin:25px 0;overflow:hidden;padding:15px;position:relative}.feedback-error,.feedback-success{align-items:center;display:flex;font-weight:500;gap:10px}.feedback-icon{height:24px;width:24px}.feedback-correct{background:#4caf501a;border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.feedback-correct .feedback-icon{color:#4caf50;color:var(--success-color)}.feedback-incorrect{background:#f443361a;border-left:4px solid #f44336;border-left:4px solid var(--danger-color)}.feedback-incorrect .feedback-icon{color:#f44336;color:var(--danger-color)}.quiz-explanation{background:#f8f9fa;background:var(--neutral-light);border-radius:8px;border-radius:var(--border-radius-sm);font-size:.95rem;margin-top:15px;padding:15px}.quiz-buttons{display:flex;justify-content:center;margin-top:30px}.quiz-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease;transition:all var(--animation-speed-fast) ease;z-index:5}.check-answer-btn{background:#4361ee;background:var(--primary-color);color:#fff}.check-answer-btn:hover:not(.disabled-btn){background:#3f37c9;background:var(--primary-dark);box-shadow:0 5px 15px #4361ee4d;transform:translateY(-2px)}.check-answer-btn.disabled-btn{background:#a0a0a0;cursor:not-allowed;opacity:.7;pointer-events:none}.next-btn{background:#4caf50;background:var(--success-color);color:#fff}.next-btn:hover:not(.disabled-btn){background:#3d8b40;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.retry-btn{background:#ff9800;background:var(--warning-color);color:#fff}.retry-btn:hover:not(.disabled-btn){background:#e68900;box-shadow:0 5px 15px #ff98004d;transform:translateY(-2px)}.prev-btn{background:#f8f9fa;background:var(--neutral-light);color:#343a40;color:var(--neutral-dark)}.prev-btn:hover:not(.disabled-btn){background:#e9ecef;background:var(--neutral-medium)}.disabled-btn{cursor:not-allowed;opacity:.5;pointer-events:none}.check-answer-btn:not(.disabled-btn){cursor:pointer;pointer-events:auto}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti-piece{animation:confetti-fall 4s linear forwards;height:10px;opacity:0;position:absolute;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-50px) rotate(0deg)}to{opacity:0;transform:translateY(400px) rotate(1turn)}}.progress-dashboard{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;margin:30px 0;overflow:hidden;padding:24px;position:relative}.dashboard-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.dashboard-header h3{color:#3c3c3c;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#f8f9fa;background:var(--neutral-light);border:2px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 0 0 #e5e5e5;display:flex;flex-direction:column;padding:16px 12px;transition:all .15s ease;transition:all .4s ease;transition:all var(--animation-speed-medium) ease}.stat-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.stat-circle{height:80px;margin-bottom:10px;position:relative;width:80px}.progress-ring{height:80px;transform:rotate(-90deg);width:80px}.progress-ring-bg{fill:none;stroke:#e9ecef;stroke:var(--neutral-medium);stroke-width:6}.progress-ring-circle{fill:none;stroke:#4361ee;stroke:var(--primary-color);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-circle.accuracy-ring{transition:stroke-dashoffset 1s ease-in-out,stroke .5s ease-in-out}.progress-dashboard .dashboard-stats .stat-card .accuracy-container .accuracy-chart svg circle.progress-ring-circle.accuracy-ring,.progress-ring-circle.accuracy-ring{stroke-width:6!important;stroke-linecap:round!important}.stat-circle-center{color:#4361ee;color:var(--primary-color);font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-in-out;white-space:nowrap}@keyframes pulse-shadow{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.stat-label{color:#666;font-size:.9rem;font-weight:500;text-align:center}.stat-points{flex-direction:column;position:relative}.points-icon,.stat-points{align-items:center;display:flex;justify-content:center}.points-icon{height:48px;margin-bottom:8px;width:48px}.points-icon.xp-icon svg{filter:drop-shadow(0 3px 6px rgba(255,140,0,.4));transition:transform .2s ease}.stat-points-container:hover .xp-icon svg{transform:scale(1.1)}.points-value{color:#ffb300;font-size:1.5rem;font-weight:700}.points-added{animation:float-up 1.5s ease-out forwards;background:#4caf50;background:var(--success-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;font-weight:700;padding:2px 6px;position:absolute;right:-15px;top:-15px}.points-animation .points-value{animation:scale-bounce .5s ease}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes scale-bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.streak-container{flex-direction:column}.streak-container,.streak-flame{align-items:center;display:flex;margin-bottom:10px}.streak-flame{background:linear-gradient(45deg,#ff9800,#f44336);border-radius:50%;color:#fff;height:40px;justify-content:center;position:relative;width:40px}.streak-flame:after{animation:pulse 2s infinite;background:inherit;border-radius:50%;content:"";height:100%;opacity:.5;position:absolute;width:100%}.streak-days{color:#ff5722;font-size:1.5rem;font-weight:700}.badges-section{border-top:2px solid #f0f0f0;margin:24px 0;padding-top:20px}.badges-title{color:#3c3c3c;font-size:1rem;font-weight:700;margin:0 0 14px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.badge-item{align-items:center;background:linear-gradient(180deg,#fff,#fafafa);border:2px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 0 0 #e5e5e5;display:flex;flex-direction:column;padding:14px 12px;transition:all .15s ease}.badge-item:hover{box-shadow:0 4px 0 0 #d4d4d4;transform:translateY(-2px)}.badge-item.earned{background:linear-gradient(180deg,#fffef5,#fff8e0);border-color:#ffc800;box-shadow:0 2px 0 0 #e6b400}.badge-item.earned .badge-icon{animation:none;background:linear-gradient(45deg,gold,#ffa000);color:#fff}.badge-icon svg{color:#666;height:24px;width:24px}.badge-item.earned .badge-icon svg{color:#fff}.badge-name{color:#343a40;color:var(--neutral-dark);font-weight:600;margin-bottom:5px}.badge-progress{color:#666;font-size:.8rem;margin-bottom:5px;white-space:nowrap}.badge-progress-bar{background:#e9ecef;background:var(--neutral-medium);border-radius:3px;height:6px;overflow:hidden;width:100%}.badge-progress-fill{background:linear-gradient(90deg,#4361ee,#4895ef);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:3px;height:100%;transition:width .5s ease}.badge-item.earned .badge-progress-fill{background:linear-gradient(90deg,gold,#ffa000)}@keyframes badge-glow{0%{box-shadow:0 0 5px #ffd70080}to{box-shadow:0 0 20px #ffd700cc}}.badge-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #00000014;display:flex;height:50px;justify-content:center;margin-bottom:10px;position:relative;transition:all .3s ease-in-out;width:50px}.badge-item.earned .badge-icon:after{animation:pulse-shadow 2s infinite alternate;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}.next-milestone{background:linear-gradient(180deg,#fff,#f8f9fa);border:2px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 0 0 #e5e5e5;margin-top:20px;padding:18px}.milestone-header{color:#3c3c3c;font-size:.95rem;font-weight:700;margin-bottom:8px}.milestone-text{color:#777;font-size:.85rem;margin-bottom:12px}.milestone-bar{background:#e5e5e5;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;height:12px;overflow:hidden;width:100%}.milestone-bar-fill{background:linear-gradient(90deg,#2c2c2c,#4a4a4a);border-radius:6px;box-shadow:0 1px 2px #00000026;height:100%;transition:width .5s ease}.milestone-complete{align-items:center;display:flex;font-weight:500;gap:10px}.milestone-complete,.milestone-complete svg{color:#4caf50;color:var(--success-color)}.content-block{margin-bottom:30px}.enhanced-content{color:#343a40;color:var(--neutral-dark);line-height:1.7}.enhanced-content h2{color:#4361ee;color:var(--primary-color);font-size:1.8rem;margin-bottom:15px;margin-top:30px;position:relative}.enhanced-content h3{color:#343a40;color:var(--neutral-dark);font-size:1.4rem;margin-bottom:15px;margin-top:25px}.enhanced-content p{margin-bottom:20px}.enhanced-content ol,.enhanced-content ul{margin-bottom:20px;padding-left:25px}.enhanced-content li{margin-bottom:8px}.modern-course-header{background:linear-gradient(180deg,#fff,#fafafa);border:2px solid #e5e5e5;border-radius:24px;box-shadow:0 4px 0 0 #e5e5e5,0 8px 24px #00000014;margin-bottom:30px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.modern-course-header.collapsed{border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 3px 0 0 #e5e5e5,0 4px 16px #0000000f;margin-bottom:20px}.course-header-collapsed{align-items:center;background:#0000;box-shadow:none;display:flex;justify-content:space-between;padding:18px 24px;position:relative;width:100%}.course-header-collapsed .course-title{color:#3c3c3c;flex:1 1;font-size:1.6rem;font-weight:700;margin:0;padding-right:15px}.collapsed-progress{align-items:center;display:flex;flex-shrink:0;margin-right:15px}.progress-ring-container-small{height:36px;margin-right:5px;position:relative;width:36px}.progress-ring-small{height:36px;transform:rotate(-90deg);width:36px}.progress-ring-bg-small{fill:none;stroke:#e9ecef;stroke:var(--neutral-medium);stroke-width:3}.progress-ring-circle-small{fill:none;stroke:#4361ee;stroke:var(--primary-color);stroke-width:3;stroke-linecap:round;transition:all .5s ease}.progress-percentage-small{color:#4361ee;color:var(--primary-color);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.collapse-toggle{align-items:center;background:#f0f0f0;border:2px solid #e5e5e5;border-radius:50%;box-shadow:0 2px 0 0 #d4d4d4;color:#777;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;padding:6px;transition:all .2s ease;width:38px}.collapse-toggle:hover{background:#e5e5e5;border-color:#d4d4d4;box-shadow:0 3px 0 0 #c4c4c4;color:#555;transform:translateY(-1px)}.collapse-toggle:focus{box-shadow:0 0 0 3px #4361ee33;outline:none}.collapse-toggle svg{color:inherit;height:20px;transition:transform .3s ease;width:20px}.course-header-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px;position:relative}.course-header-text{display:flex;flex-direction:column;justify-content:center}.course-header-text .collapse-toggle{align-self:flex-start;margin-top:20px}.course-header-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.course-level,.course-tag{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffffe6;border-radius:50px;box-shadow:0 2px 0 0 #00000014,0 2px 8px #0000000f;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.02em;padding:6px 14px;transition:all .2s ease}.course-level:hover,.course-tag:hover{box-shadow:0 4px 0 0 #00000014,0 4px 12px #0000001a;transform:translateY(-2px)}.course-tag{border-color:#4361ee33}.course-tag,.course-tag svg{color:#4361ee}.course-level{border-color:#f7258533;color:#f72585}.course-level svg{color:#f72585}.course-title{color:#3c3c3c;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px}.course-description{color:#666;font-size:1rem;line-height:1.6;margin:0 0 24px;max-width:500px}.course-meta-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.meta-stat{align-items:center;background:#f5f5f5;border:2px solid #e8e8e8;border-radius:50px;box-shadow:0 2px 0 0 #e0e0e0;color:#666;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.meta-stat:hover{background:#efefef;box-shadow:0 3px 0 0 #d8d8d8;transform:translateY(-1px)}.meta-stat svg{color:#888;height:16px;width:16px}.course-header-image-container{align-items:center;display:flex;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));justify-content:center;overflow:visible;position:relative}.course-header-image-container,.course-header-img{border-radius:20px;height:100%;min-height:280px;width:100%}.course-header-img{box-shadow:0 12px 40px #0003;object-fit:cover;transition:transform .5s ease}.course-header-image-container:hover .course-header-img{transform:scale(1.02)}.image-overlay-decoration{height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.decoration-circle{border-radius:50%;opacity:.7;position:absolute}.decoration-circle-1{animation:float-decoration 4s ease-in-out infinite;background:linear-gradient(135deg,#84fab0,#8fd3f4);box-shadow:0 4px 15px #84fab066;height:50px;right:20%;top:-15px;width:50px}.decoration-circle-2{animation:float-decoration 5s ease-in-out 1s infinite;background:linear-gradient(135deg,#ffecd2,#fcb69f);bottom:10%;box-shadow:0 4px 15px #fcb69f66;height:35px;left:-10px;width:35px}.decoration-circle-3{animation:float-decoration 6s ease-in-out .5s infinite;background:linear-gradient(135deg,#a8edea,#fed6e3);bottom:20%;box-shadow:0 4px 15px #a8edea66;height:25px;right:10%;width:25px}@keyframes float-decoration{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.course-progress-overlay{filter:drop-shadow(0 6px 20px rgba(0,0,0,.15));position:absolute;right:-10px;top:-10px;z-index:10}.progress-ring-container{align-items:center;background:linear-gradient(180deg,#fff,#f8f9fa);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 0 0 #e5e5e5,0 8px 24px #0000001f;display:flex;height:100px;justify-content:center;position:relative;width:100px}.progress-ring-large{height:100px;transform:rotate(-90deg);width:100px}.progress-ring-bg-large{stroke:#e8e8e8}.progress-ring-circle-large{stroke:#58cc02;transition:stroke-dashoffset .8s ease}.progress-percentage{color:#58cc02;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.progress-ring-bg-large{fill:none;stroke:#e9ecef;stroke:var(--neutral-medium);stroke-width:8}.progress-ring-circle-large{fill:none;stroke:#4361ee;stroke:var(--primary-color);stroke-width:8;stroke-linecap:round;transition:all .5s ease}.progress-percentage{color:#4361ee;color:var(--primary-color);font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.course-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.course-loading-animation{display:flex;justify-content:center;margin-bottom:20px;max-width:200px;width:100%}.loading-bar{animation:progress-animation 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e9ecef,#e9ecef 50%,#4361ee 0,#4361ee);background:linear-gradient(90deg,var(--neutral-medium) 0,var(--neutral-medium) 50%,var(--primary-color) 50%,var(--primary-color) 100%);background-size:200% 100%;border-radius:2px;box-shadow:0 1px 3px #0000001a;height:4px;width:100%}@keyframes progress-animation{0%{background-position:200% 0}to{background-position:0 0}}.loading-text{color:#343a40;color:var(--neutral-dark);font-size:1rem;font-weight:500;letter-spacing:.5px;opacity:.8}.completion-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.completion-modal{background:#fff;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 15px 40px #0003;max-width:450px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;width:100%}.celebration-content{position:relative;z-index:2}.celebration-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(45deg,#4caf50,#8bc34a);background:linear-gradient(45deg,var(--success-color),#8bc34a);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.celebration-modal h2{color:#343a40;color:var(--neutral-dark);font-size:1.8rem;margin:0 0 10px}.celebration-message{color:#666;font-size:1.1rem;margin-bottom:30px}.points-earned{background:linear-gradient(45deg,#ffd7001a,#ffa0001a);border-radius:12px;border-radius:var(--border-radius-md);gap:15px;margin-bottom:30px;padding:20px}.points-earned,.points-earned-icon{align-items:center;display:flex;justify-content:center}.points-earned-icon{animation:spin 10s linear infinite;background:linear-gradient(45deg,gold,#ffa000);border-radius:50%;color:#fff;height:50px;width:50px}.points-earned-text{text-align:left}.points-earned .points-value{color:#ffa000;font-size:1.5rem;font-weight:700;margin-bottom:5px}.points-earned .points-label{color:#666;font-size:.9rem}.celebration-confetti{animation:celebrationFall 3s linear forwards;border-radius:2px;height:10px;position:absolute;width:10px}@keyframes celebrationFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg) scale(0)}10%{opacity:1;transform:translateY(-10px) rotate(45deg) scale(1)}to{opacity:0;transform:translateY(300px) rotate(1turn) scale(.5)}}.celebration-close-btn{background:#4361ee;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .2s ease;transition:all var(--animation-speed-fast) ease}.celebration-close-btn:hover{background:#3f37c9;background:var(--primary-dark);box-shadow:0 5px 15px #4361ee4d;transform:translateY(-2px)}.compact-path{margin:15px 0;padding:12px 18px}.compact-path .module-path{padding:8px 0}.compact-path .module-item{margin:6px 0}.compact-path .module-node{border-width:2px;height:48px;width:48px}.compact-path .path-connector{height:3px;width:24px}.future-module{background:#f8f9fa;background:var(--neutral-light);border:2px dashed #e9ecef;border:2px dashed var(--neutral-medium);box-shadow:none;color:#343a40;color:var(--neutral-dark);cursor:default}.future-module:hover{box-shadow:none;transform:none}.future-module .module-tooltip{max-width:180px}@media (max-width:768px){.module-path-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:10px 15px;position:relative;scrollbar-color:#0003 #0000;scrollbar-width:thin}.module-path-container:after{background:linear-gradient(90deg,#0000,#ffffffe6);bottom:0;content:"";opacity:.8;pointer-events:none;position:absolute;right:0;top:0;width:30px;z-index:5}.module-path-container::-webkit-scrollbar{height:4px}.module-path-container::-webkit-scrollbar-track{background:#0000}.module-path-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.module-path{flex-wrap:nowrap;min-width:100%;padding:6px 0;width:-webkit-max-content;width:max-content}.module-item{margin:6px 0}.module-node{border-width:2px;height:48px;width:48px}.module-node span{font-size:1rem}.path-connector{height:3px;width:20px}.module-tooltip{position:absolute!important}.module-node:hover .module-tooltip,.module-tooltip{display:none!important;opacity:0!important;visibility:hidden!important}.module-tooltip:after{display:none!important}.course-header-collapsed .course-title{font-size:1.7rem;overflow:visible;white-space:normal}}@media (max-width:480px){.module-node{border-width:2px;height:42px;width:42px}.module-item{margin:4px 0}.path-connector{height:3px;width:15px}.module-tooltip{opacity:0!important;visibility:hidden!important}.module-tooltip,.module-tooltip-lessons,.module-tooltip-title{display:none!important}.course-header-collapsed .course-title{font-size:1.4rem;overflow:visible;white-space:normal}.module-path-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:8px 10px}.module-path{flex-wrap:nowrap;min-width:100%;padding-bottom:10px;width:-webkit-max-content;width:max-content}}@media (max-width:768px){.course-header-content{grid-template-columns:1fr}.course-meta-stats{flex-wrap:wrap;gap:15px 20px}.meta-stat{min-width:100px;white-space:nowrap}.course-header-meta{flex-wrap:wrap;gap:8px}.course-level,.course-tag{font-size:.8rem;padding:3px 10px}}@media (max-width:480px){.course-header-collapsed{padding:12px 15px}.course-meta-stats{flex-wrap:wrap;gap:12px;margin-bottom:10px}.meta-stat{border-radius:8px;font-size:.85rem;min-width:auto;padding:3px 0;white-space:nowrap}.meta-stat svg{height:16px;width:16px}.course-description{font-size:1rem}.course-title{word-wrap:break-word;font-size:1.8rem;line-height:1.3;overflow-wrap:break-word}.course-header-meta,.course-title{margin-bottom:10px}.course-level,.course-tag{border-radius:20px;font-size:.75rem;padding:2px 8px}.course-level svg,.course-tag svg{height:14px;width:14px}}.future-modules-indicator{align-items:center;background-color:#f8f9fa;background-color:var(--neutral-light);border:1px dashed #e9ecef;border:1px dashed var(--neutral-medium);border-radius:12px;color:#343a40;color:var(--neutral-dark);display:flex;font-size:.8rem;margin:0 10px;padding:5px 10px}.future-modules-indicator span{font-weight:500;white-space:nowrap}.coding-exercise{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;margin:30px 0;overflow:hidden;padding:24px;position:relative;transition:all .15s ease}.coding-exercise:before{background:linear-gradient(180deg,#0284c7,#0369a1);border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.coding-exercise:hover{border-color:#d4d4d4;box-shadow:0 6px 0 0 #d4d4d4;transform:translateY(-2px)}.exercise-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.exercise-header h3{gap:10px;margin:0}.exercise-header h3,.language-badge{align-items:center;color:#0284c7;display:flex}.language-badge{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #0284c726;border-radius:8px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;padding:6px 12px}.exercise-instructions{font-size:1rem;line-height:1.6;margin-bottom:20px}.example-instructions{color:#333;font-size:16px;line-height:1.6;margin-bottom:20px;padding:0 15px}.hint-container{margin-bottom:20px}.hint-toggle{align-items:center;background:none;border:none;color:#4361ee;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:0}.hint-toggle:hover{text-decoration:underline}.hint-content{background:#f9f9f9;border-left:3px solid #4361ee;border-left:3px solid var(--primary-color);border-radius:0 8px 8px 0;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;font-size:.95rem;margin-top:10px;overflow:hidden;padding:15px}.run-code-btn{background:#3b88c3;border-radius:8px;border-radius:var(--border-radius-sm)}.run-code-btn:hover{background:#2a6ea5}.run-code-btn.loading{background:#9ab6e9}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.code-output{border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow:hidden}.output-header{align-items:center;background:#333;border-bottom:1px solid #444;color:#fff;display:flex;justify-content:space-between;padding:8px 15px}.output-title{color:#f1f1f1;font-size:.9rem;font-weight:600}.output-success{color:#4caf50}.output-error,.output-success{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:8px}.output-error{color:#f44336}.exercise-success-message{align-items:center;background:#4caf501a;border-top:1px solid #4caf5033;color:#388e3c;display:flex;font-weight:600;gap:10px;padding:15px}.editor-container{background-color:#fff;border:1px solid #444;border-radius:0;height:300px;margin-bottom:0;overflow:hidden;overflow:auto!important;position:relative}.coding-exercise .CodeMirror{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;height:100%!important;line-height:1.6!important;z-index:1}.CodeMirror-scroll{-ms-overflow-style:none;height:100%;max-height:300px;overflow:auto!important;scrollbar-width:thin}.CodeMirror-scroll::-webkit-scrollbar{height:8px;width:8px}.CodeMirror-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.CodeMirror-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.CodeMirror-scroll::-webkit-scrollbar-thumb:hover{background:#555}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{background:#0000;pointer-events:auto}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{background-color:#0003;box-shadow:none}.CodeMirror.CodeMirror-readonly{background-color:#f8f8f8;cursor:default}.editor-title.read-only:after{color:#777;content:"(read-only)";font-size:.8em;font-weight:400;margin-left:8px}.CodeMirror-hscrollbar,.CodeMirror-vscrollbar{display:block;position:absolute;z-index:6}.run-code-btn{align-items:center;background:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.run-code-btn:hover{background:#555;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.run-code-btn.loading{background:#777;cursor:not-allowed}.pyodide-status{align-items:center;border-radius:8px;border-radius:var(--border-radius-sm);display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.pyodide-status.loading{background-color:#2196f31a;color:#1976d2}.pyodide-status.error{background-color:#f443361a;color:#d32f2f}.editor-output{background:#f8f8f8;border-radius:0 0 8px 8px;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);color:#333;font-family:monospace;font-weight:500;line-height:1.5;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.editor-output .section-header{color:#1565c0;font-weight:700;margin-bottom:5px;margin-top:10px}.editor-output .verification-result{color:#333;font-weight:700}.editor-output .correct-result{color:#2e7d32}.editor-output .incorrect-result{color:#c62828}.editor-output.has-error{color:#f44336}.code-editor{border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;overflow:hidden}.editor-header{background-color:#333;border-bottom:1px solid #444;color:#fff;justify-content:space-between;padding:12px 16px}.editor-header,.editor-title{align-items:center;display:flex}.editor-title{font-weight:600;gap:8px}.editor-title:before{background-color:#4285f4;border-radius:50%;content:"";display:inline-block;height:12px;margin-right:4px;width:12px}.editor-actions{display:flex;gap:8px}.editor-action-btn{background-color:#444;border:none;border-radius:4px;color:#f1f1f1;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.editor-action-btn:hover{background-color:#555}.editor-footer{background-color:#333;border-top:1px solid #444;color:#fff;display:flex;justify-content:flex-end;padding:12px 16px}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{background-color:#ccc;border-radius:3px;position:absolute}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{background:#eee;position:absolute;z-index:6}.CodeMirror-simplescroll-horizontal{bottom:0;height:8px;left:0}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.lesson-card-action{align-items:center;display:flex;justify-content:center;width:40px}.lesson-card-arrow{color:#999;transition:transform .2s ease;transition:transform var(--animation-speed-fast) ease}.lesson-card:hover .lesson-card-arrow{color:#4361ee;color:var(--primary-color);transform:translateX(5px)}.lesson-card-coding-indicator{display:none}.quiz-auth-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quiz-auth-modal{animation:slideUp .35s cubic-bezier(.16,1,.3,1);background-color:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 15px 40px #00000026,0 5px 15px #0000001a;max-width:450px;padding:35px 30px;position:relative;width:90%}.modal-close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;transition:all .2s;z-index:2}.modal-close-btn:hover{background-color:#0000001a;color:#111827}.modal-icon{align-items:center;background-color:#0000000f;border-radius:50%;box-shadow:0 4px 12px #0000000d;color:#151515;display:flex;height:88px;justify-content:center;margin:0 auto 28px;width:88px}.quiz-auth-modal h2{color:#111827;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;text-align:center}.quiz-auth-modal p{color:#4b5563;font-size:1.05rem;line-height:1.6;margin-bottom:24px;text-align:center}.modal-features{align-items:center;background-color:#00000005;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin:24px 0;padding:20px}.modal-features span{align-items:center;color:#4b5563;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center}.modal-features svg{color:#333;flex-shrink:0}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:28px}.secondary-btn{background:#0000;border:1px solid #eee;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.secondary-btn:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.primary-btn{border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;letter-spacing:.01em;opacity:1!important;padding:10px 32px;transition:all .2s}.login-btn,.primary-btn{background-color:#101010!important;color:#fff!important}.login-btn{border:none!important}.primary-btn:hover{background-color:#252525;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.quiz-auth-modal{background-color:#fff;border-color:#0000000d}.quiz-auth-modal h2{color:#111827}.quiz-auth-modal p{color:#4b5563}.modal-features span{color:#374151}.secondary-btn{border-color:#e5e7eb;color:#4b5563}.secondary-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.modal-close-btn{color:#6b7280}.modal-close-btn:hover{background-color:#0000000d;color:#374151}}.accuracy-container{align-items:center;display:flex;flex-direction:column;padding:5px}.accuracy-chart{height:80px;margin-bottom:8px;position:relative;width:80px}.accuracy-icon{align-items:center;display:flex;justify-content:center;margin-top:-15px}.accuracy-icon svg{stroke-width:2px;color:#4caf50}.progress-dashboard .dashboard-stats .stat-card .accuracy-container .accuracy-chart svg circle.progress-ring-circle.accuracy-ring,svg circle.progress-ring-circle.accuracy-ring[stroke]{stroke:attr(stroke)!important}.login-required-message{color:#777;font-size:.7rem;font-style:italic;margin-top:10px;text-align:center}.true-false-game-container{margin:30px 0}.knowledge-section{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;display:flex;justify-content:space-between;padding:24px;position:relative;transition:all .15s ease}.knowledge-section:before{background:linear-gradient(180deg,#0891b2,#0e7490);border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.knowledge-section:hover{border-color:#d4d4d4;box-shadow:0 6px 0 0 #d4d4d4;transform:translateY(-2px)}.knowledge-section-header{flex:1 1}.knowledge-section-header h3{align-items:center;color:#0891b2;display:flex;font-size:1.3rem;gap:10px;margin:0 0 10px}.knowledge-section-header h3:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%230891b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";display:inline-block;flex-shrink:0;height:24px;width:24px}.knowledge-section-header p{color:#666;font-size:.95rem;margin:0;max-width:80%}.game-launch-button{align-items:center;background:#0891b2;border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0891b226;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px 22px;transition:all .2s ease}.game-launch-button:hover{background:#0e7490;box-shadow:0 3px 8px #0891b233;transform:translateY(-1px)}.game-launch-button:active{transform:scale(.98)}.game-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.game-modal-content{background-color:#f6f6f6;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;padding:30px;position:relative;width:100%}.close-modal-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:15px;top:15px;transition:all .2s;z-index:5}.close-modal-button:hover{background-color:#fff6;color:#111827;transform:rotate(90deg)}.card-game-container{height:480px;overflow:hidden;perspective:1000px;position:relative}.card-game-container,.swipe-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center}.swipe-indicator{bottom:0;position:absolute;top:0;transition:opacity .3s ease;z-index:1}.true-indicator{background:linear-gradient(90deg,#10b98100,#10b98133);color:#10b981;left:50%;right:0}.false-indicator{background:linear-gradient(270deg,#ef444400,#ef444433);color:#ef4444;left:0;right:50%}.swipe-indicator span{font-size:28px;font-weight:700;margin-top:10px}.game-card{background:linear-gradient(135deg,#4d96ff 75%,#59d5e0);border:1.5px solid #fffc;border-radius:24px;box-shadow:0 16px 40px #0000004d,0 8px 16px #0003;cursor:grab;display:flex;flex-direction:column;height:280px;max-width:400px;overflow:hidden;padding:0;position:absolute;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:100%;will-change:transform;z-index:2}.game-card:before{background:#fff6;border-radius:24px 24px 0 0;content:"";height:8px;left:0;position:absolute;right:0;top:0}.game-card:active{cursor:grabbing}.game-card.swiping-left{background:linear-gradient(135deg,#ff6b6b 75%,#f38181)}.game-card.swiping-right{background:linear-gradient(135deg,#8fd14f 75%,#d6f7ad)}.card-content{flex:1 1;flex-direction:column;padding:30px 20px;position:relative;text-align:center}.card-content,.card-question-marker{align-items:center;color:#fff;display:flex;justify-content:center}.card-question-marker{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff40;border-radius:12px;box-shadow:0 2px 10px #0000001a;font-size:22px;font-weight:800;height:40px;left:15px;position:absolute;top:15px;width:40px}.card-question{color:#fff;font-size:22px;font-weight:700;line-height:1.4;margin-bottom:20px;max-height:160px;overflow-y:auto;padding:0 10px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;text-shadow:0 2px 4px #0000001a}.card-question::-webkit-scrollbar{width:5px}.card-question::-webkit-scrollbar-track{background:#0000}.card-question::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.swipe-instruction{align-items:center;bottom:20px;color:#fff;display:flex;font-size:14px;justify-content:center;opacity:.9;position:absolute;width:100%}.swipe-instruction span{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border:1px solid #fff3;border-radius:30px;box-shadow:0 2px 8px #0000001a;display:flex;font-weight:600;gap:6px;padding:6px 12px}.swipe-left-icon,.swipe-right-icon{display:none}.game-progress{bottom:30px;font-size:16px;font-weight:600;padding:10px}.game-progress,.swipe-help-text{color:#6b7280;position:absolute;text-align:center;width:100%}.swipe-help-text{bottom:15px;font-size:12px;font-style:italic;font-weight:400;opacity:.8}.streak-counter{align-items:center;background:linear-gradient(90deg,#ff9a3c,#ff5252);border-radius:20px;box-shadow:0 4px 10px #ff52524d;color:#fff;display:flex;font-size:16px;font-weight:700;gap:6px;padding:8px 12px;position:absolute;right:15px;top:15px}.feedback-emoji{animation:fade-zoom 1s ease-out forwards;font-size:120px;left:50%;opacity:0;position:absolute;text-shadow:0 5px 15px #0003;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes fade-zoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.game-results{background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:20px 10px}.game-results h2{color:#111827;font-size:32px;font-weight:800;margin-bottom:20px;text-align:center}.results-score{background:#f9faff;border-radius:16px;box-shadow:0 8px 20px #0000000d;color:#374151;font-size:20px;margin-bottom:40px;padding:30px;position:relative;text-align:center}.score-percentage{align-items:center;color:#4a6cf7;display:flex;font-size:64px;font-weight:800;gap:10px;justify-content:center;margin-top:10px}.results-emoji{animation:pop .5s cubic-bezier(.34,1.56,.64,1);font-size:50px;margin-bottom:10px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.results-breakdown{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.result-item{background-color:#f9fafb;border-left:4px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:20px;transition:all .2s ease}.result-item:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.result-item.correct{background-color:#f0fdf4;border-left-color:#10b981}.result-item.incorrect{background-color:#fef2f2;border-left-color:#ef4444}.result-question{color:#111827;font-size:18px;font-weight:600;margin-bottom:12px}.correct-answer,.result-answer{align-items:center;color:#374151;display:flex;font-size:16px;gap:8px;margin:8px 0}.result-icon{display:flex;margin-left:5px}.result-item.correct .result-icon{color:#10b981}.result-item.incorrect .result-icon{color:#ef4444}.answer-explanation{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;font-size:15px;margin-top:16px;padding:15px}.retry-game-button{align-items:center;background-color:#4a6cf7;border:none;border-radius:24px;box-shadow:0 4px 12px #4a6cf733;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;margin:0 auto;padding:14px 32px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.retry-game-button:hover{background-color:#3a5ce6;box-shadow:0 8px 20px #4a6cf766;transform:translateY(-4px)}@media (max-width:640px){.knowledge-section{align-items:flex-start;flex-direction:column;gap:20px}.knowledge-section-header p{margin-bottom:10px;max-width:100%}.game-modal-content{padding:20px 15px}.card-question{font-size:18px;line-height:1.3;max-height:140px}.swipe-indicator svg{height:32px;width:32px}.swipe-indicator span{font-size:22px}.game-progress{bottom:25px;font-size:14px}.swipe-help-text{bottom:10px;font-size:11px}}@media (max-width:480px){.stat-circle-center{font-size:1rem;white-space:nowrap}.badge-progress,.progress-percentage,.progress-percentage-small{font-size:.9rem;white-space:nowrap}}.page-container{--leaderboard-primary-color:#3d3d3d;--leaderboard-primary-light:#474747;--leaderboard-primary-dark:#1f1f1f;--leaderboard-secondary-color:#4299e1}.auth-required{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a,0 6px 6px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:60px auto;max-width:500px;padding:60px 30px;text-align:center}.auth-required h2{background:linear-gradient(45deg,var(--leaderboard-primary-color),var(--leaderboard-primary-dark));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;margin-bottom:15px}.auth-required p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:30px}.primary-btn{align-items:center;background:linear-gradient(45deg,var(--leaderboard-primary-color),var(--leaderboard-primary-dark));border:none;border-radius:6px;box-shadow:0 4px 10px #1f1f1f40;color:#fff;display:inline-flex;font-weight:600;justify-content:center;min-width:150px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.primary-btn:hover{box-shadow:0 8px 15px #1f1f1f59;transform:translateY(-3px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #3d3d3d1a;border-left:4px solid var(--leaderboard-primary-dark);margin-bottom:20px}.page-container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.resume-builder-root{color:#1f1f1f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1800px;padding:0 30px 80px}.resume-builder-root .resume-builder-landing,.resume-builder-root .resume-builder-page{width:100%}.resume-builder-root .resume-builder-landing{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.resume-builder-root .resume-builder-landing.visible{opacity:1;transform:translateY(0)}.resume-builder-root .resume-builder-header{margin:0 auto 20px;max-width:1300px;opacity:0;padding:10px 0 15px;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.resume-builder-root .resume-builder-landing.visible .resume-builder-header{opacity:1;transform:translateY(0)}.resume-builder-root .resume-builder-header h1{color:#1f1f1f;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}.resume-builder-root .resume-builder-header .header-subtitle{color:#7a7a7a;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;margin:0 auto 10px;max-width:760px}.resume-builder-root .resume-header-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.resume-builder-root .resume-header-badge{background:#fff;border:1px solid #e0e0e0;border-radius:30px;color:#333;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.resume-builder-root .resume-header-badge:hover{background:#f5f5f5}.resume-builder-root .template-selector{display:flex;flex-direction:column;gap:24px;margin-top:0}.resume-builder-root .template-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,400px));justify-content:center}.resume-builder-root .template-card{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.resume-builder-root .template-card:before{border:2px solid #0000;border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.resume-builder-root .template-card:hover{border-color:#0000000d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.resume-builder-root .template-card:hover:before{border:2px solid #0009;box-shadow:0 0 0 1px #0000001a}.resume-builder-root .template-card.selected{border-color:#58cc02cc;box-shadow:0 12px 26px #58cc022e}.resume-builder-root .template-thumbnail{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);display:flex;justify-content:center;max-height:480px;min-height:380px;overflow:hidden;position:relative}.resume-builder-root .template-thumbnail .skeleton-template-thumbnail{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.resume-builder-root .template-thumbnail img{display:block;height:auto;object-fit:cover;object-position:top;transition:transform .3s ease,opacity .3s ease;width:100%}.resume-builder-root .template-thumbnail img.loaded{opacity:1}.resume-builder-root .template-card:hover .template-thumbnail img{transform:scale(1.02)}.resume-builder-root .template-placeholder{align-items:center;color:#555;display:flex;flex-direction:column;font-weight:600;gap:8px;justify-content:center;padding:60px 20px}.resume-builder-root .template-selected-badge{align-items:center;background:#58cc02;border-radius:999px;box-shadow:0 6px 14px #58cc0259;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.resume-builder-root .template-info{padding:16px 18px 12px;text-align:center}.resume-builder-root .template-name{color:#1f1f1f;font-size:1.1rem;font-weight:700;margin:0}.resume-builder-root .template-description{color:#6b6b6b;font-size:.95rem;line-height:1.5;margin:0}.resume-builder-root .template-select-btn{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:6px 16px 14px;padding:12px 18px;transition:all .3s ease}.resume-builder-root .template-select-btn:hover{box-shadow:0 4px 12px #0003}.resume-builder-root .resume-builder-action-bar{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.resume-builder-root .resume-action-left,.resume-builder-root .resume-action-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.resume-builder-root .resume-template-pill{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000a;color:#1f1f1f;font-size:.88rem;font-weight:600;letter-spacing:-.01em;padding:8px 16px}.resume-builder-root .resume-save-status{align-items:center;display:flex;min-width:80px}.resume-builder-root .resume-save-status span{font-size:.85rem;font-weight:600}.resume-builder-root .resume-save-saving{color:#d97706}.resume-builder-root .resume-save-saved{color:#1f7a1f}.resume-builder-root .rb-btn{align-items:center;background:#f5f5f5;border:1px solid #0000;border-radius:10px;color:#1f1f1f;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;padding:9px 14px;text-decoration:none;transition:all .2s ease}.resume-builder-root .rb-btn svg{height:16px;width:16px}.resume-builder-root .btn-text-mobile{display:none}.resume-builder-root .btn-text-desktop{display:inline}.resume-builder-root .rb-btn-primary{background:linear-gradient(45deg,#3d3d3d,#1f1f1f);border-color:#1f1f1f;color:#fff}.resume-builder-root .rb-btn-primary:hover{box-shadow:0 6px 14px #0003}.resume-builder-root .rb-btn-secondary{background:#fff;border-color:#e0e0e0;color:#1f1f1f}.resume-builder-root .rb-btn-secondary:hover{border-color:#333}.resume-builder-root .rb-btn-ghost{background:#0000;border-color:#e0e0e0;color:#3d3d3d}.resume-builder-root .rb-btn-ghost:hover{border-color:#333}.resume-builder-root .rb-btn-danger{background:#fff5f5;border-color:#f6c1c1;color:#b91c1c}.resume-builder-root .rb-btn-danger:hover{border-color:#f3a5a5}.resume-builder-root .resume-builder-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;height:calc(100vh - 180px);min-height:500px}.resume-builder-root .resume-builder-panel{background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 0 0 #e5e5e5;display:flex;flex-direction:column;height:100%;overflow:hidden}.resume-builder-root .resume-panel-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:18px 20px 14px}.resume-builder-root .resume-panel-header h2{font-size:1.1rem;font-weight:700;margin:0}.resume-builder-root .resume-panel-body::-webkit-scrollbar,.resume-builder-root .resume-preview-shell::-webkit-scrollbar{height:8px;width:8px}.resume-builder-root .resume-panel-body::-webkit-scrollbar-track,.resume-builder-root .resume-preview-shell::-webkit-scrollbar-track{background:#0000}.resume-builder-root .resume-panel-body::-webkit-scrollbar-thumb,.resume-builder-root .resume-preview-shell::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.resume-builder-root .resume-panel-body::-webkit-scrollbar-thumb:hover,.resume-builder-root .resume-preview-shell::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.resume-builder-root .resume-panel-body{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:16px 20px 20px}.resume-builder-root .resume-builder-preview .resume-panel-body{background:linear-gradient(135deg,#fafafa,#f5f5f5);overflow:hidden;padding:0}.resume-builder-root .resume-info-banner{background:#58cc021a;border:1px solid #58cc024d;border-radius:10px;color:#2f6b0e;font-size:.9rem;font-weight:600;padding:10px 14px}.resume-builder-root .resume-preview-shell{align-items:flex-start;background:linear-gradient(90deg,#f0f0f0 1px,#0000 0),linear-gradient(#f0f0f0 1px,#0000 0),#f7f7f7;background-size:20px 20px;border:none;border-radius:0;display:flex;flex:1 1;height:100%;justify-content:center;min-height:0;overflow-x:auto;overflow-y:auto;padding:16px;width:100%}.resume-builder-root .resume-preview-wrapper{background:#fff;border-radius:4px;box-shadow:0 10px 24px #0000002e;flex-shrink:0}.resume-builder-root .resume-preview-page{display:block}.resume-builder-root .resume-builder-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px;text-align:center}.resume-builder-root .resume-builder-empty h2{color:#1f1f1f;font-size:1.6rem;font-weight:700;margin:0}.resume-builder-root .resume-builder-empty p{color:#6b6b6b;margin:0}.resume-builder-root .resume-form-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.resume-builder-root .form-progress-header{flex-shrink:0;padding-bottom:10px}.resume-builder-root .form-progress-header.compact{border-bottom:none;padding-bottom:6px}.resume-builder-root .progress-row{align-items:center;display:flex;gap:10px}.resume-builder-root .resume-score-inline{align-items:center;display:flex;gap:10px;width:100%}.resume-builder-root .score-badge-compact{background:linear-gradient(135deg,#58cc02,#4cb802);border-radius:8px;box-shadow:0 2px 4px #58cc0240;color:#fff;font-size:.82rem;font-weight:700;min-width:44px;padding:4px 10px;text-align:center}.resume-builder-root .rb-progress-bar-inline{background:#e8e8e8;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.resume-builder-root .rb-progress-bar{background:linear-gradient(90deg,#58cc02,#7ce63a);border-radius:999px;height:100%;transition:width .3s ease}.resume-builder-root .form-scroll-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px 0}.resume-builder-root .section-header-desc{margin-bottom:12px}.resume-builder-root .section-single-view{display:flex;flex-direction:column;gap:12px}.resume-builder-root .icon-box{align-items:center;border-radius:12px;display:inline-flex;height:40px;justify-content:center;width:40px}.resume-builder-root .section-title{margin:0}.resume-builder-root .section-subtitle{color:#6b6b6b;margin:0}.resume-builder-root .form-footer{align-items:center;background:#fff;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:auto;padding-top:16px}.resume-builder-root .section-indicator{color:#6b6b6b;font-size:.9rem;font-weight:600}.resume-builder-root .section-fields{display:flex;flex-direction:column;gap:14px}.resume-builder-root .form-row{display:flex;flex-wrap:wrap;gap:14px}.resume-builder-root .col,.resume-builder-root .col-1,.resume-builder-root .col-2{flex:1 1;min-width:200px}.resume-builder-root .form-label{color:#3d3d3d;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.resume-builder-root .form-input,.resume-builder-root .form-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.92rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.resume-builder-root .form-input:focus,.resume-builder-root .form-textarea:focus{border-color:#333;box-shadow:0 0 0 2px #00000014;outline:none}.resume-builder-root .item-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative}.resume-builder-root .remove-btn{background:#0000000f;border:none;border-radius:8px;color:#444;cursor:pointer;display:inline-flex;padding:6px;position:absolute;right:12px;top:12px}.resume-builder-root .remove-btn:hover{background:#0000001f}.resume-builder-root .add-btn{align-items:center;align-self:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px}.resume-builder-root .add-btn:hover{border-color:#333}.resume-builder-root .bullet-section{display:flex;flex-direction:column;gap:12px}.resume-builder-root .bullet-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.resume-builder-root .bullet-add-btn,.resume-builder-root .bullet-remove-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;padding:6px 10px}.resume-builder-root .bullet-remove-btn{background:#fff5f5;border-color:#f3c1c1;color:#b91c1c}.resume-builder-root .bullet-item{align-items:flex-start;display:flex;gap:12px}.resume-builder-root .skills-list{display:flex;flex-direction:column;gap:12px}.resume-builder-root .skill-row{align-items:center;display:flex;gap:12px}@media (max-width:1100px){.resume-builder-root .resume-builder-layout{grid-template-columns:1fr;height:auto;min-height:auto}.resume-builder-root .resume-builder-panel{height:auto;max-height:none}.resume-builder-root .resume-builder-editor{max-height:60vh;min-height:400px}.resume-builder-root .resume-builder-preview{max-height:70vh;min-height:500px}.resume-builder-root .resume-preview-shell{max-height:none}.resume-builder-root .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.resume-builder-root .resume-builder-header{margin-bottom:28px;padding:28px 0 20px}.resume-builder-root .resume-builder-header h1{font-size:34px}.resume-builder-root .template-grid{grid-template-columns:1fr}.resume-builder-root .resume-builder-action-bar{align-items:stretch;flex-direction:column;gap:12px;padding:14px 16px}.resume-builder-root .resume-action-left{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;width:100%}.resume-builder-root .resume-action-left .rb-btn-ghost{flex:1 1;justify-content:center}.resume-builder-root .resume-template-pill{flex-shrink:0;order:0}.resume-builder-root .resume-action-right{grid-gap:8px;border-top:1px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding-top:8px;width:100%}.resume-builder-root .resume-save-status{display:none}.resume-builder-root .resume-action-right .rb-btn{font-size:.85rem;justify-content:center;padding:10px 12px}.resume-builder-root .resume-action-right .rb-btn-primary{grid-column:1/-1;order:10}.resume-builder-root .resume-action-right .rb-btn-secondary{grid-column:1/-1}.resume-builder-root .btn-text-mobile{display:inline}.resume-builder-root .btn-text-desktop{display:none}}.resume-auth-modal-overlay{align-items:center;animation:resumeFadeIn .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.resume-auth-modal{animation:resumeSlideUp .35s cubic-bezier(.16,1,.3,1);background-color:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 15px 40px #00000026,0 5px 15px #0000001a;max-width:450px;padding:35px 30px;position:relative;width:90%}.resume-modal-close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;transition:all .2s;z-index:2}.resume-modal-close-btn:hover{background-color:#0000001a;color:#111827}.resume-modal-icon{align-items:center;background-color:#0000000f;border-radius:50%;box-shadow:0 4px 12px #0000000d;color:#151515;display:flex;height:88px;justify-content:center;margin:0 auto 28px;width:88px}.resume-auth-modal h2{color:#111827;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;text-align:center}.resume-auth-modal p{color:#4b5563;font-size:1.05rem;line-height:1.6;margin-bottom:24px;text-align:center}.resume-modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:28px}.resume-secondary-btn{background:#0000;border:1px solid #eee;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.resume-secondary-btn:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.resume-primary-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-weight:600;letter-spacing:.01em;opacity:1!important;padding:10px 32px;transition:all .2s}.resume-login-btn,.resume-primary-btn{background-color:#101010!important;color:#fff!important}.resume-login-btn{border:none!important}.resume-primary-btn:hover{background-color:#252525!important;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@keyframes resumeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resumeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.resume-auth-modal{padding:25px 20px}.resume-auth-modal h2{font-size:1.5rem}.resume-auth-modal p{font-size:.95rem}.resume-modal-buttons{flex-direction:column;gap:10px}.resume-primary-btn,.resume-secondary-btn{text-align:center;width:100%}}.resume-onboarding-overlay{align-items:center;animation:onboardingFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.resume-onboarding-modal{animation:onboardingSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 60px #00000040,0 10px 30px #00000026,0 0 0 1px #ffffff1a;max-width:520px;overflow:hidden;padding:40px 36px 32px;position:relative;width:100%}.onboarding-bg-gradient{display:none}.onboarding-header{margin-bottom:24px}.onboarding-header,.onboarding-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.onboarding-icon-glow{display:none}.onboarding-icon{align-items:center;background:linear-gradient(145deg,#f8f9fa,#eef0f2);border:2px solid #0000000f;border-radius:20px;box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a;color:#1f1f1f;display:flex;height:72px;justify-content:center;position:relative;width:72px;z-index:1}.onboarding-sparkle{animation:sparkleFloat 2.5s ease-in-out infinite;color:#1f1f1f;position:absolute;right:calc(50% - 60px);top:-8px}.onboarding-title{color:#1f1f1f;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px;text-align:center}.onboarding-subtitle{color:#6b6b6b;font-size:1rem;line-height:1.5;margin:0 0 6px;text-align:center}.template-highlight{background:linear-gradient(135deg,#00000014,#0000000a);border-radius:6px;color:#1f1f1f;display:inline-block;font-weight:600;padding:2px 10px}.onboarding-description{color:#8a8a8a;font-size:.92rem;line-height:1.6;margin:0 0 28px;text-align:center}.onboarding-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.onboarding-option{align-items:flex-start;background:#fafafa;border:2px solid #e8e8e8;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:18px 20px;position:relative;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.onboarding-option:hover{background:#fff;border-color:#1f1f1f;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.onboarding-option.option-example:hover{border-color:#58cc02;box-shadow:0 8px 24px #0000001a}.onboarding-option:active{transform:translateY(0)}.option-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .25s ease;width:48px}.option-icon-box.example{background:linear-gradient(145deg,#58cc02,#4cb802);box-shadow:0 4px 12px #58cc024d;color:#fff}.onboarding-option:hover .option-icon-box.fresh,.option-icon-box.fresh{background:linear-gradient(145deg,#3d3d3d,#1f1f1f);box-shadow:0 4px 12px #0003;color:#fff}.option-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.option-title{color:#1f1f1f;font-size:1rem;font-weight:700;line-height:1.3}.option-desc{color:#7a7a7a;font-size:.85rem;line-height:1.5}.option-badge{border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;position:absolute;right:16px;text-transform:uppercase;top:-9px}.option-badge.recommended{background:linear-gradient(135deg,#58cc02,#4cb802);box-shadow:0 2px 8px #58cc0259;color:#fff}.option-arrow{color:silver;flex-shrink:0;margin-top:14px;transition:all .25s ease}.onboarding-option:hover .option-arrow{color:#1f1f1f;transform:translateX(4px)}.onboarding-option.option-example:hover .option-arrow{color:#58cc02}.onboarding-footer-tip{align-items:center;background:linear-gradient(135deg,#58cc0214,#58cc0208);border-radius:10px;color:#555;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:12px 16px}.onboarding-footer-tip svg{color:#58cc02;flex-shrink:0}.onboarding-footer-tip strong{color:#2f6b0e;font-weight:600}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes gradientPulse{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(10deg)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(12deg)}}@media (max-width:600px){.resume-onboarding-modal{border-radius:20px;max-width:100%;padding:32px 24px 28px}.onboarding-icon{border-radius:16px;height:64px;width:64px}.onboarding-icon svg{height:28px;width:28px}.onboarding-icon-glow{height:80px;width:80px}.onboarding-title{font-size:1.45rem}.onboarding-subtitle{font-size:.95rem}.onboarding-description{font-size:.88rem;margin-bottom:22px}.onboarding-option{gap:14px;padding:16px}.option-icon-box{height:44px;width:44px}.option-icon-box svg{height:20px;width:20px}.option-title{font-size:.95rem}.option-desc{font-size:.82rem}.option-badge{font-size:.68rem;padding:3px 8px}.onboarding-footer-tip{flex-direction:column;gap:6px;padding:14px 16px;text-align:center}}@media (max-width:768px){a,div,h1,h2,h3,h4,h5,h6,li,p,span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-word;word-break:break-word}.btn,a.btn,button{max-width:100%;white-space:normal}img{height:auto;max-width:100%}input,select,textarea{max-width:100%;width:100%}}@media (max-width:576px){.container{padding-left:15px;padding-right:15px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1;margin:0 auto;max-width:1600px;padding:20px;width:100%}.navbar a{color:#fff;text-decoration:none}.nav-links{display:flex;gap:20px}.project-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.project-card{border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card img{display:block;object-fit:cover;width:100%}.project-card h3{padding:15px 15px 10px}.project-card p{color:#666;padding:0 15px}.project-footer{align-items:center;display:flex;justify-content:space-between;padding:15px}.price{font-size:18px;font-weight:700}.actions{display:flex;gap:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 15px;transition:background .3s ease}.btn-primary{background:#4299e1;color:#fff}.btn-secondary{background:#e2e8f0;color:#4a5568;text-decoration:none}.btn-danger{background:#f56565;color:#fff}.cart-items{margin-top:20px}.cart-item{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:15px;padding:15px}.cart-item img{border-radius:4px;height:80px;margin-right:20px;object-fit:cover;width:120px}.item-details{flex:1 1}.cart-summary{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.summary-row{display:flex;justify-content:space-between;margin:15px 0}.checkout-btn{margin-top:15px;padding:12px;width:100%}@media screen and (max-width:960px){.footer{margin-bottom:0;padding-bottom:0}.app{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.content{flex:1 1}}.page-loading{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4299e1;height:50px;width:50px}.admin-loading-fallback{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:1200px;min-height:300px;padding:2rem}.admin-loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:1rem;width:50px}.admin-loading-fallback p{color:#555;font-size:1.2rem;margin:0}.admin-error{align-items:center;background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:1200px;min-height:300px;padding:2rem;text-align:center}.admin-error h2{color:#d32f2f;margin-bottom:1rem}.admin-error p{color:#555;font-size:1.1rem;margin-bottom:1.5rem}.admin-error button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.admin-error button:hover{background-color:#2980b9}@keyframes spin{to{transform:rotate(1turn)}}