*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;margin:0;padding:0}html{background-color:#0d0d0d}body{font-family:Arial,Helvetica,sans-serif;background-color:#f4f4f4;color:#111;line-height:1.6}main{width:100%;min-height:70vh;padding:50px 60px}.container{width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4{color:#111;font-weight:700}h1{font-size:36px;margin-bottom:25px;text-transform:uppercase;letter-spacing:2px}h2{font-size:28px;margin-bottom:20px}h3{font-size:20px;margin-bottom:15px}h1:after{content:"";display:block;width:60px;height:4px;margin-top:10px;background-color:#cc00db}p{margin-bottom:15px;color:#333}a{color:#cc00db;text-decoration:none;transition:color .3s ease}a:hover{color:#cc00db}button,.btn{display:inline-block;padding:12px 24px;border:none;background-color:#cc00db;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover,.btn:hover{background-color:#d630e1;transform:translateY(-2px)}.btn-dark{background-color:#111}.btn-dark:hover{background-color:#292929}form{width:100%;max-width:600px;margin:30px auto;padding:30px;background-color:#fff;border-left:4px solid #cc00db;box-shadow:0 5px 20px #00000014}label{display:block;margin-bottom:6px;font-weight:600;color:#8d8d8d}input,textarea,select{width:100%;padding:12px 14px;margin-bottom:18px;border:1px solid #cccccc;background-color:#fff;color:#111;font-size:14px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus,select:focus{border-color:#cc00db;box-shadow:0 0 0 2px #b300001f}.card{background-color:#fff;padding:25px;border-top:3px solid #cc00db;box-shadow:0 5px 18px #00000014;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001f}.section{padding:60px 0}.section-dark{background-color:#111;color:#fff}.section-dark h1,.section-dark h2,.section-dark h3{color:#fff}.section-dark p{color:#ccc}.section-light{background-color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.separator{width:100%;height:1px;margin:40px 0;background-color:#ddd}.separator-red{width:80px;height:4px;margin:20px 0;background-color:#cc00db}ul{list-style:none}li{margin-bottom:8px}@media(max-width:1000px){main{padding:40px 30px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main{padding:30px 20px}h1{font-size:28px}h2{font-size:23px}.grid{grid-template-columns:1fr}form{padding:20px}}html,body{width:100%;max-width:100%;margin:0;padding:0}body{overflow-x:clip}app-root{display:block;width:100%;min-width:0}img{max-width:100%;height:auto}