*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#fff;color:#333;overflow-x:hidden}.App{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px}.navbar{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px #0000001a}.top-bar{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:8px 0;font-size:13px}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.contact-info{display:flex;gap:30px}.contact-item{display:flex;align-items:center;gap:8px;color:#666;text-decoration:none;transition:color .3s}.contact-item:hover{color:#8b4789}.top-bar-right{display:flex;align-items:center;gap:20px}.language-selector{display:flex;align-items:center;gap:5px;cursor:pointer;color:#666}.social-icons{display:flex;gap:12px}.social-icons a{color:#666;transition:color .3s}.social-icons a:hover{color:#8b4789}.main-nav{padding:15px 0;border-bottom:1px solid #e9ecef}.main-nav-content{display:flex;justify-content:space-between;align-items:center;gap:30px}.logo{display:flex;align-items:center;text-decoration:none}.logo-image{height:50px;width:auto;object-fit:contain}.nav-menu{display:flex;gap:25px;align-items:center}.nav-link{color:#333;text-decoration:none;font-weight:500;font-size:15px;transition:color .3s;white-space:nowrap}.nav-link:hover{color:#8b4789}.assessment-btn{background-color:#ff6b35;color:#fff!important;padding:8px 20px;border-radius:4px;font-weight:600}.assessment-btn:hover{background-color:#ff5722}.nav-actions{display:flex;align-items:center;gap:15px}.search-bar{display:flex;align-items:center;background:#f8f9fa;border-radius:4px;padding:8px 12px;min-width:300px}.search-bar input{border:none;background:transparent;outline:none;flex:1;font-size:14px}.search-btn{background:none;border:none;cursor:pointer;font-size:16px}.cart-btn{position:relative;background:none;border:none;cursor:pointer;color:#333;padding:8px}.cart-badge{position:absolute;top:0;right:0;background:#ff6b35;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.login-btn,.register-btn{padding:8px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s;font-size:14px}.login-btn{background:#fff;border:1px solid #8B4789;color:#8b4789}.login-btn:hover{background:#8b4789;color:#fff}.register-btn{background:#8b4789;border:1px solid #8B4789;color:#fff}.register-btn:hover{background:#6d3569}.sub-nav{background:#fff;border-bottom:1px solid #e9ecef;padding:12px 0}.sub-nav-content{display:flex;gap:30px;align-items:center;overflow-x:auto}.sub-nav-item{display:flex;align-items:center;gap:5px;color:#333;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .3s}.sub-nav-item:hover{color:#8b4789}.streaming-section{position:relative;min-height:calc(100vh - 200px);padding:80px 0;background:linear-gradient(135deg,#fef5f8,#fff,#f8f5fe);overflow:hidden}.streaming-content{position:relative;z-index:10}.streaming-title{font-size:56px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.highlight{background:linear-gradient(135deg,#ff9a3c,#ffb347);padding:0 15px;border-radius:8px;color:#fff;display:inline-block}.streaming-subtitle{font-size:18px;color:#666;text-align:center;margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto}.stream-container{max-width:1000px;margin:0 auto 60px}.stream-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 40px #8b478926;overflow:hidden;position:relative;min-height:600px;height:80vh}.stream-wrapper iframe{width:100%;height:100%;min-height:600px}.stream-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#8b4789,#a855a8);display:flex;align-items:center;justify-content:center;position:relative}.placeholder-content{text-align:center;color:#fff}.live-indicator{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 20px;border-radius:20px;margin-bottom:20px;font-weight:600;font-size:14px}.live-dot{width:10px;height:10px;background:#ff6b35;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.placeholder-content p{font-size:24px;font-weight:600;margin-bottom:10px}.placeholder-text{font-size:16px!important;opacity:.8}.stream-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.info-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;align-items:flex-start;transition:transform .3s,box-shadow .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #8b478926}.info-icon{font-size:40px;flex-shrink:0}.info-content h3{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.info-content p{font-size:14px;color:#666;line-height:1.6}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.circle{position:absolute;border-radius:50%;opacity:.1}.circle-1{width:300px;height:300px;background:#ff9a3c;top:10%;left:5%}.circle-2{width:200px;height:200px;background:#8b4789;bottom:15%;right:8%}.asterisk{position:absolute;font-size:60px;color:#00d4aa;opacity:.3}.asterisk-1{top:30%;left:15%;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flag-icon{position:absolute;font-size:80px;bottom:20%;right:15%;opacity:.2}@media (max-width: 1200px){.nav-menu{gap:15px}.search-bar{min-width:200px}}@media (max-width: 992px){.streaming-title{font-size:42px}.main-nav-content{flex-wrap:wrap}.nav-actions{order:3;width:100%;justify-content:space-between}}@media (max-width: 768px){.top-bar-content,.contact-info{flex-direction:column;gap:10px}.streaming-title{font-size:32px}.stream-info{grid-template-columns:1fr}.nav-menu{display:none}}