*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:40px;max-width:600px;width:100%;position:relative}.language-switcher{position:absolute;top:20px;right:20px;display:flex;gap:8px;background:#f8f9fa;padding:6px;border-radius:8px}.language-switcher button{padding:6px 12px;font-size:13px;background:transparent;color:#666;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.language-switcher button:hover{background:rgba(102,126,234,.1);color:#667eea}.language-switcher button.active{background:#667eea;color:white}.language-switcher button:active{transform:none}h1{color:#333;margin-top:30px;margin-bottom:10px;font-size:28px}.subtitle{color:#666;margin-bottom:30px;font-size:14px}.year-selector{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.year-selector label{display:block;color:#555;font-weight:600;margin-bottom:10px;font-size:16px}select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:white;cursor:pointer;transition:border-color .3s}select:focus{outline:none;border-color:#667eea}.converter-section{margin-bottom:30px}.converter-section h2{color:#555;font-size:18px;margin-bottom:15px;display:flex;align-items:center}.icon{margin-right:8px;font-size:20px}.input-group{display:flex;gap:10px;margin-bottom:15px}input[type=number]{flex:1 1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}input[type=number]:focus{outline:none;border-color:#667eea}button{padding:12px 24px;background:#667eea;color:white;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s;font-weight:500}button:hover{background:#5568d3}button:active{transform:scale(.98)}.result{padding:16px;background:#f5f5f5;border-radius:8px;border-left:4px solid #667eea;display:none}.result.show{display:block;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-text{color:#333;font-size:18px;font-weight:600;display:flex;align-items:center}.result-detail{color:#666;font-size:14px;margin-top:8px}.semester-badge{display:inline-block;padding:4px 10px;background:#667eea;color:white;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px}.error{border-left-color:#ef4444;background:#fee}.divider{height:1px;background:#e0e0e0;margin:30px 0}.footer{text-align:center;color:#999;font-size:12px;margin-top:30px}