@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#FFF0F3,#F0F8FF);color:#374151;line-height:1.5;min-height:100vh;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.aristotle-home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.background-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#FFF0F3,#F0F8FF);z-index:1}.decorative-circle{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6}.circle-1{width:200px;height:200px;top:10%;left:5%}.circle-1,.circle-2{background:linear-gradient(135deg,#FFE4E6,#FFB3BA)}.circle-2{width:150px;height:150px;top:15%;right:10%}.circle-3{width:180px;height:180px;background:linear-gradient(135deg,#E6F3FF,#B3D9FF);bottom:20%;left:8%}.circle-4{width:120px;height:120px;background:linear-gradient(135deg,#F0E6FF,#D9B3FF);bottom:15%;right:15%}.main-content{position:relative;z-index:2;max-width:600px;width:100%;text-align:center}.header-section{margin-bottom:40px}.logo{margin-bottom:20px}.logo-icon{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,#FF6B9D,#C44569);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(255,107,157,.3)}.title{font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,#FF6B9D,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.01em;line-height:1.2}.tagline{font-size:1rem;color:#6B7280;font-weight:400;line-height:1.4}.chat-container{background:white;border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.1);border:1px solid rgba(255,107,157,.2);margin-bottom:30px}.ai-message{margin-bottom:20px}.message-bubble{background:linear-gradient(135deg,#F3E8FF,#E9D5FF);color:#374151;padding:18px 22px;border-radius:20px;border-bottom-left-radius:6px;font-size:.95rem;line-height:1.4;text-align:left;display:inline-block;font-weight:400;box-shadow:0 4px 12px rgba(139,92,246,.15);position:relative}.message-bubble:after{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:none;border-top:8px solid transparent;border-right:8px solid #e9d5ff}.user-input-container{margin-top:20px}.input-wrapper{display:flex;background:white;border:2px solid #f3e8ff;border-radius:25px;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:border-color .2s ease}.input-wrapper:focus-within{border-color:#8B5CF6}.message-input{border:none;outline:none;padding:14px 20px;font-size:.95rem;color:#374151;background:transparent;font-weight:400}.message-input::placeholder{color:#9CA3AF;font-weight:400}.send-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FF6B9D,#8B5CF6);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px rgba(255,107,157,.4)}.send-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,157,.5)}.footer{justify-content:center;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb;color:#9CA3AF;font-size:.9rem}.aws-logo,.chatbot-overlay,.footer{display:flex;align-items:center}.chatbot-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;padding:20px}.chatbot-modal{background:white;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#FFE4E6,#FFB3BA)}.chatbot-header h3{color:#374151;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:#6B7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:rgba(0,0,0,.1)}.main-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px}.chatbot-container{border:1px solid #ddd;overflow:hidden;background:white}.messages{height:400px;overflow-y:auto;padding:20px;background:#f9f9f9}.message{margin-bottom:15px;padding:10px 15px;border-radius:10px;max-width:80%}.message.user{background:#007bff;color:white;margin-left:auto;text-align:right}.message.bot{background:#e9ecef;color:#333;margin-right:auto}.message.typing{background:#e9ecef;color:#666;font-style:italic}.input-form{display:flex;padding:15px;background:white;border-top:1px solid #ddd}.message-input{flex:1 1;padding:10px;border:1px solid #ddd;border-radius:5px;margin-right:10px}.send-button{padding:10px 20px;background:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}.send-button:hover{background:#0056b3}.actions-bar{display:flex;justify-content:center;padding:20px;background:linear-gradient(135deg,#F8FAFC,#F1F5F9);border-top:1px solid #e2e8f0;border-radius:0 0 20px 20px}.actions-bar button{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:white;border:none;padding:12px 24px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(139,92,246,.3);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.actions-bar button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.actions-bar button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.4);background:linear-gradient(135deg,#7C3AED,#6D28D9)}.actions-bar button:hover:before{left:100%}.actions-bar button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(139,92,246,.3)}.actions-bar button:disabled{opacity:.6;cursor:not-allowed}.actions-bar button:disabled,.actions-bar button:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(139,92,246,.2)}.chatbot-container .send-button{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:white;border:none;padding:12px 24px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;min-width:80px}.chatbot-container .send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.chatbot-container .send-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.4);background:linear-gradient(135deg,#7C3AED,#6D28D9)}.chatbot-container .send-button:hover:before{left:100%}.chatbot-container .send-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(139,92,246,.3)}.chatbot-container .send-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9CA3AF,#6B7280)}.chatbot-container .send-button:disabled,.chatbot-container .send-button:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(139,92,246,.2)}.chatbot-container .send-button:disabled:before{display:none}.file-upload{padding:15px;background:#f8f9fa;border-top:1px solid #ddd}.file-input{display:none}.file-label{display:inline-block;padding:8px 16px;background:#28a745;color:white;border-radius:5px;cursor:pointer}.file-label:hover{background:#218838}.quiz-container{max-width:800px;margin:0 auto;padding:20px;background:white;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.question{font-size:1.5em;margin-bottom:30px;text-align:center;color:#333}.answers-container{display:grid;grid-gap:15px;display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.answer{flex:1 1;display:inline-flex;align-items:center;padding:20px;background-color:rgba(0,0,0,.1);border:2px solid rgba(0,0,0,.3);border-radius:15px;color:black;cursor:pointer;transition:all .3s ease;text-align:left;font-size:16px}.answer:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.answer.selected{background-color:rgba(255,255,255,.3);border-color:#4caf50}.answer.correct{background-color:#4caf50;border-color:#45a049;color:white}.answer.incorrect{background-color:#f44336;border-color:#d32f2f;color:white}.answer:disabled{cursor:not-allowed;opacity:.7}.progress-bar{width:100%;height:10px;background:#e9ecef;border-radius:5px;margin-bottom:20px}.progress-fill{background:#007bff}.timer{text-align:center;font-size:1.2em;color:#666;margin-bottom:20px}.results-container{max-width:600px;margin:0 auto;padding:30px;text-align:center;background:white;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.score{font-size:3em;font-weight:700;color:#28a745;margin-bottom:20px}.score-text{font-size:1.2em;color:#666;margin-bottom:30px}.restart-button{padding:15px 30px;background:#007bff;color:white;border:none;border-radius:8px;cursor:pointer;font-size:1.1em}.restart-button:hover{background:#0056b3}.quiz-view-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.main-container{max-width:800px;margin:0 auto;padding:20px;font-family:Inter,sans-serif;line-height:1.6}.main-container h1{color:#333;margin-bottom:10px}.main-container p{color:#666;margin-bottom:20px}.main-container code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}.main-container h3{color:#333;margin:20px 0 10px}.main-container ul{list-style-type:disc;margin-left:20px}.main-container li{margin:5px 0;color:#555}.main-container input{border:1px solid #ddd;border-radius:4px}.main-container button{background:#007bff;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.main-container button:hover{background:#0056b3}.redirect-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,#FFF0F3,#F0F8FF);font-family:Inter,sans-serif}.redirect-content{text-align:center;color:#6B7280}.redirect-link{color:#FF6B9D;text-decoration:none}.redirect-link:hover{text-decoration:underline}@media (max-width:768px){.aristotle-home{padding:10px}.main-content{max-width:100%;padding:0 10px}.title{font-size:2.5rem}.chat-container{padding:20px;margin-bottom:20px}.message-bubble{max-width:90%;padding:15px 20px}.input-wrapper{flex-direction:column;gap:10px}.send-button{width:100%;height:48px;border-radius:25px}.quiz-view-container{padding:10px}}@media (max-width:480px){.title{font-size:2rem}.tagline{font-size:1rem}.chat-container{padding:15px}.logo-icon{width:60px;height:60px}.redirect-container{padding:20px}}.loading-section{text-align:center;color:#6B7280;padding:20px;font-style:italic}.error-section{background:#FEF2F2;border:1px solid #fecaca;border-radius:10px;padding:20px;margin:20px 0;text-align:center}.error-section h3{color:#DC2626;margin-bottom:10px}.error-section p{color:#7F1D1D;margin:0}.buckets-section h3{font-size:1.2rem}.buckets-list{list-style:none;padding:0;margin:0}.bucket-item{background:linear-gradient(135deg,#F0F9FF,#E0F2FE);border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin:8px 0;color:#0C4A6E;font-weight:500;transition:all .2s ease}.bucket-item:hover{background:linear-gradient(135deg,#E0F2FE,#BAE6FD);transform:translateY(-1px);box-shadow:0 2px 8px rgba(14,165,233,.2)}.no-buckets{text-align:center;color:#6B7280;font-style:italic;margin:0}.quiz-section{background:white;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid rgba(255,107,157,.2)}.quiz-label{color:#374151;font-size:1.1rem;margin-bottom:10px;font-weight:600}.quiz-test-link{color:#FF6B9D;text-decoration:none;font-weight:500;transition:color .2s ease}.quiz-test-link:hover{color:#C44569;text-decoration:underline}.quiz-id-container{display:flex;gap:10px;margin-top:15px;align-items:center}.quiz-id-input{flex:1 1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.quiz-id-input:focus{outline:none;border-color:#FF6B9D;box-shadow:0 0 0 3px rgba(255,107,157,.1)}.quiz-go-button{padding:8px 16px;background:linear-gradient(135deg,#FF6B9D,#8B5CF6);border-radius:6px;font-size:14px}.quiz-go-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,157,.3)}.learning-assistant-section{background:white;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid rgba(255,107,157,.2)}.learning-title{color:#374151;font-size:1.5rem;margin-bottom:10px;font-weight:600}.learning-description{color:#6B7280;margin-bottom:20px;line-height:1.5}.chatbot-toggle-container{margin-bottom:20px}.chatbot-toggle-button{padding:10px 20px;font-size:16px;background:linear-gradient(135deg,#FF6B9D,#8B5CF6);color:white;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,107,157,.3)}.chatbot-toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,157,.4)}.chatbot-container{border:1px solid #e5e7eb;border-radius:10px;padding:20px;max-width:600px;margin:0 auto;background:#FAFAFA}.buckets-section{background:white;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid rgba(255,107,157,.2)}.buckets-section h3{color:#374151;font-size:1.3rem;margin-bottom:15px;font-weight:600;text-align:center}.error-container{color:crimson;margin:10px 0}.error-container h4{margin-bottom:5px}.error-container pre{background:#f8f8f8;padding:10px;border-radius:5px;font-size:14px}.buckets-list{list-style-type:disc;margin-left:20px}.buckets-list li{margin:5px 0;color:#555}.quiz-links{margin-top:20px;padding-top:20px;border-top:2px solid #eee}.quiz-links p{font-weight:600;margin-bottom:15px;color:#374151;text-align:center;font-size:1.1rem}.quiz-links a{display:inline-block;margin:0 8px 10px;padding:8px 16px;background:linear-gradient(135deg,#F3E8FF,#E9D5FF);color:#8B5CF6;text-decoration:none;font-weight:500;border-radius:20px;transition:all .2s ease;border:1px solid rgba(139,92,246,.2);font-size:.9rem}.quiz-links a:hover{color:#7C3AED}.quiz-id-input{margin:20px 0;display:flex;align-items:center;gap:10px}.quiz-id-field{padding:10px 16px;border:2px solid #e5e7eb;border-radius:20px;font-size:.9rem;flex:1 1;max-width:200px;font-weight:400;transition:border-color .2s ease}.quiz-id-field:focus{outline:none;border-color:#8B5CF6}.quiz-go-button{padding:10px 20px;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:white;border:none;border-radius:20px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;box-shadow:0 4px 12px rgba(139,92,246,.3)}.quiz-go-button:hover{background:#7C3AED}.quiz-page{min-height:100vh;background:linear-gradient(180deg,#FFF0F3,#F0F8FF);padding:20px;position:relative;overflow:hidden}.quiz-page:before{top:10%;left:5%;width:200px;height:200px;background:linear-gradient(135deg,#FFF8E1,#FFE0B2)}.quiz-page:after,.quiz-page:before{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;z-index:1}.quiz-page:after{bottom:10%;right:8%;width:150px;height:150px;background:linear-gradient(135deg,#F3E5F5,#E1BEE7)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative;z-index:2}.quiz-title{font-size:1.5rem;font-weight:600;color:#374151}.progress-section{flex-direction:column;gap:8px}.progress-section,.score-badge{display:flex;align-items:center}.score-badge{gap:6px;background:linear-gradient(135deg,#FFD700,#FFA500);color:white;padding:8px 12px;border-radius:20px;font-weight:600;box-shadow:0 4px 12px rgba(255,215,0,.3)}.progress-text{font-size:.9rem;color:#6B7280;font-weight:500}.progress-bar{width:120px;height:4px;background:#F3E8FF;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#FF6B9D,#8B5CF6);border-radius:2px;transition:width .3s ease}.progress-0{width:0}.progress-20{width:20%}.progress-33{width:33%}.progress-40{width:40%}.progress-50{width:50%}.progress-60{width:60%}.progress-67{width:67%}.progress-80{width:80%}.progress-100{width:100%}.quiz-card{background:white;border-radius:24px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.08);border:1px solid rgba(255,107,157,.1);margin-bottom:40px;position:relative;z-index:2;max-width:600px;margin-left:auto;margin-right:auto}.question-section{text-align:center}.question-decorations{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.question-text{font-size:1.5rem;font-weight:600;color:#374151;line-height:1.4;margin:0}.decoration-left,.decoration-right{flex-shrink:0}.answers-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:30px}.answer-button{padding:20px;border:none;border-radius:16px;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;overflow:hidden}.answer-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.answer-button.correct{background:linear-gradient(135deg,#10B981,#059669)!important;box-shadow:0 8px 20px rgba(16,185,129,.3)}.answer-button.correct,.answer-button.incorrect{color:white!important;transform:translateY(-2px)}.answer-button.incorrect{background:linear-gradient(135deg,#EF4444,#DC2626)!important;box-shadow:0 8px 20px rgba(239,68,68,.3)}.answer-button.neutral{opacity:.6}.answer-0{background:linear-gradient(135deg,#FFE4E6,#FFB3BA)}.answer-1{background:linear-gradient(135deg,#E9D5FF,#C4B5FD)}.answer-2{background:linear-gradient(135deg,#DBEAFE,#93C5FD)}.answer-3{background:linear-gradient(135deg,#FEF3C7,#FCD34D)}.timer-section{text-align:center;margin-bottom:20px;position:relative;z-index:2}.timer{display:inline-block;background:rgba(255,255,255,.9);padding:8px 16px;border-radius:20px;font-weight:600;color:#374151;box-shadow:0 4px 12px rgba(0,0,0,.1)}.timer-warning{background:linear-gradient(135deg,#FF6B9D,#FF4757);color:white;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.explanation-section{margin-top:30px;padding:20px;background:linear-gradient(135deg,#F3E8FF,#E9D5FF);border-radius:16px;border-left:4px solid #8b5cf6}.explanation-text{color:#374151;font-weight:500;line-height:1.5}.result-card{text-align:center;max-width:500px}.result-content{padding:20px}.result-title{font-size:2rem;font-weight:700;color:#374151;margin-bottom:20px}.score-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:10px}.score-number{font-size:3rem;font-weight:700;color:#8B5CF6}.score-total{font-size:1.5rem;color:#6B7280}.score-percentage{font-size:1.2rem;color:#10B981;font-weight:600}@media (max-width:768px){.quiz-header{flex-direction:column;gap:20px;text-align:center}.answers-grid{grid-template-columns:1fr}.quiz-card{padding:30px 20px}.question-text{font-size:1.3rem}}.multiplayer-container{max-width:600px;width:90%;margin:2rem auto;text-align:center;position:relative;z-index:1}.multiplayer-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.multiplayer-subtitle{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;font-weight:400}.multiplayer-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.multiplayer-input{padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease;background:white;box-shadow:0 4px 15px rgba(0,0,0,.05)}.multiplayer-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.1)}.multiplayer-button{background:linear-gradient(135deg,#ec4899,#a855f7);color:white;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(236,72,153,.3);font-family:Poppins,sans-serif}.multiplayer-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(236,72,153,.4)}.multiplayer-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px rgba(236,72,153,.3)}.multiplayer-section{background:white;border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 10px 25px rgba(0,0,0,.08);animation:slideInUp .6s ease-out}.multiplayer-section h2{color:#7c3aed;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.players-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.player-card{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);padding:1rem 1.5rem;border-radius:12px;color:#374151;font-weight:500;box-shadow:0 4px 12px rgba(139,92,246,.15);transition:all .3s ease;border:1px solid rgba(139,92,246,.2)}.player-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.25)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626}.error-message,.success-message{padding:1rem;margin:1rem 0;font-weight:500}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534}.section-divider{height:2px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:2rem 0;border:none}.create-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:15px;padding:1.5rem;margin:1.5rem 0}.create-section h1{color:#92400e;font-size:1.8rem;margin-bottom:1rem}.create-section p{color:#a16207;margin-bottom:1rem}.start-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:15px;padding:1.5rem;margin:1.5rem 0}.start-section p{color:#1e40af;margin-bottom:1rem;font-weight:500}@media (max-width:768px){.multiplayer-container{width:95%;padding:1rem}.multiplayer-title{font-size:2rem}.players-grid{flex-direction:column;align-items:center}.player-card{width:100%;max-width:300px}}@media (max-width:480px){.multiplayer-title{font-size:1.8rem}.multiplayer-section{padding:1.5rem}.multiplayer-button{padding:.8rem 1.5rem;font-size:.9rem}}