@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg:#0e0e11;--bg-card:#16171d;--color-primary:#7c3bed;--color-secondary:#4d1d95;--text:#9ca3b0;--text-h:#e3e5e8;--border:#23232a;--code-bg:#23232a;--accent:#7c3bed;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0009 0 10px 15px -3px;--padding:.7rem;--border-radius:.5rem}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;transition:background-color .3s}h1,h2,h3{color:var(--text-h)}.app-container.loading{opacity:0;transition:none;transform:translateY(10px)}.app-container.visible{opacity:1;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(0)}body{background-color:#121212;margin:0;padding:0}main{width:100%;min-height:100vh;padding:var(--padding);flex-direction:column;gap:1.2rem;display:flex}h1,h4,p{text-align:center}.services{flex-direction:column;display:flex}.YorN h3,.objective h3{text-align:center;color:#fff}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;width:100%;padding:20px 0;display:grid}.card{text-align:center;background:#303030;border-radius:12px;flex-direction:column;align-items:center;padding:20px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000001a}.card:hover{transform:translateY(-5px)}.card img{border-radius:8px;max-width:100%;height:auto}.card h4{color:#e6e6e6;margin:15px 0}.description p{color:#b5b5b5;margin:5px 0;font-size:.9rem;line-height:1.4}.description #price span{color:#08dd2c;font-weight:700}.btn-select{color:#333;cursor:pointer;background:#fff;border:none;border-radius:20px;margin-top:15px;padding:10px 20px;font-weight:700;transition:background .3s}.btn-select:hover{background:#ccc}.checkout-area{text-align:center;background:#404040;border:1px solid #444;border-radius:15px;width:90%;max-width:600px;margin:40px auto;padding:30px;animation:.4s ease-out slideUp}.checkout-area h3{color:#fff;margin-bottom:10px}.checkout-area p{color:#ccc;margin-bottom:20px}.inputs-container{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.question-input{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:8px;outline:none;padding:12px}.question-input:focus{border-color:#08dd2c}.checkout-buttons{flex-direction:column;gap:10px;display:flex}.btn-confirm{color:#fff;cursor:pointer;background:#25d466;border:none;border-radius:8px;padding:15px;font-weight:700}.btn-cancel{color:#fff;cursor:pointer;background:#d42525;border:none;border-radius:8px;padding:15px;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.presentation-text{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;display:grid}details{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;height:max-content;padding:15px;transition:all .3s;box-shadow:0 4px 15px #0000001a}details[open]{background:#fdfdfd;box-shadow:0 6px 20px #00000026}summary{color:#333;outline:none;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#7f8c8d;font-size:1.5rem;font-weight:300;line-height:1;transition:transform .4s;display:inline-block}details[open] summary:after{color:#e74c3c;transform:rotate(45deg)}details p{color:#555;border-top:1px solid #eee;margin-top:15px;padding-top:10px;line-height:1.6}