.terms-of-service{min-height:100vh;background-color:#f8fafc;padding:40px 20px}.terms-of-service .container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.terms-of-service .container .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.terms-of-service .container .header h1{font-size:36px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px}.terms-of-service .container .header .last-updated{font-size:16px;opacity:.9;margin:0}.terms-of-service .container .content{padding:40px;line-height:1.7;color:#2d3748}.terms-of-service .container .content .intro{background-color:#f7fafc;padding:24px;border-radius:8px;border-left:4px solid #667eea;margin-bottom:32px}.terms-of-service .container .content .intro p{margin:0;font-size:18px;font-weight:500;color:#4a5568}.terms-of-service .container .content section{margin-bottom:32px}.terms-of-service .container .content section:last-child{margin-bottom:0}.terms-of-service .container .content section h2{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.terms-of-service .container .content section h3{font-size:20px;font-weight:600;color:#4a5568;margin:20px 0 12px}.terms-of-service .container .content section p{margin-bottom:16px;font-size:16px}.terms-of-service .container .content section p:last-child{margin-bottom:0}.terms-of-service .container .content section ul{margin:16px 0;padding-left:24px}.terms-of-service .container .content section ul li{margin-bottom:8px;font-size:16px}.terms-of-service .container .content section ul li strong{font-weight:600;color:#2d3748}.terms-of-service .container .content section .contact-info{background-color:#f7fafc;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.terms-of-service .container .content section .contact-info p{margin-bottom:8px;font-size:16px}.terms-of-service .container .content section .contact-info p:last-child{margin-bottom:0}.terms-of-service .container .content section .contact-info p strong{font-weight:600;color:#2d3748;display:inline-block;min-width:80px}.terms-of-service .container .footer{background-color:#f8fafc;padding:32px 40px;border-top:1px solid #e2e8f0}.terms-of-service .container .footer .actions{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.terms-of-service .container .footer .actions .link-btn{background:#fff;color:#667eea;border:2px solid #667eea;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.terms-of-service .container .footer .actions .link-btn:hover{background-color:#667eea;color:#fff;transform:translateY(-1px)}.terms-of-service .container .footer .actions .primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.terms-of-service .container .footer .actions .primary-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #667eea4d}.terms-of-service .container .footer .back-home{text-align:center}.terms-of-service .container .footer .back-home a{color:#718096;text-decoration:none;font-size:14px;transition:color .3s ease}.terms-of-service .container .footer .back-home a:hover{color:#4a5568}@media (max-width: 768px){.terms-of-service{padding:20px 10px}.terms-of-service .container .header{padding:30px 20px}.terms-of-service .container .header h1{font-size:28px}.terms-of-service .container .header .last-updated{font-size:14px}.terms-of-service .container .content{padding:30px 20px}.terms-of-service .container .content .intro{padding:20px}.terms-of-service .container .content section h2{font-size:20px}.terms-of-service .container .content section h3{font-size:18px}.terms-of-service .container .content section p,.terms-of-service .container .content section li{font-size:15px}.terms-of-service .container .content section ul{padding-left:20px}.terms-of-service .container .content section .contact-info{padding:16px}.terms-of-service .container .footer{padding:24px 20px}.terms-of-service .container .footer .actions{flex-direction:column;align-items:center}.terms-of-service .container .footer .actions .link-btn,.terms-of-service .container .footer .actions .primary-btn{width:100%;max-width:200px;text-align:center;padding:10px 20px;font-size:14px}}@media (max-width: 480px){.terms-of-service .container .header h1{font-size:24px}.terms-of-service .container .content section{margin-bottom:24px}.terms-of-service .container .content section h2{font-size:18px}.terms-of-service .container .content section h3{font-size:16px}}