@tailwind base;@tailwind components;@tailwind utilities;.container{max-width:1280px;margin:0 auto;padding:0 1rem}.features-section{padding:5rem 0;background-color:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#1f2937}.section-header p{font-size:1.25rem;color:#4b5563;max-width:700px;margin:0 auto}.gradient-text{background:linear-gradient(to right,#9333ea,#3b82f6);-webkit-background-clip:text;color:transparent}.features-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem;border-radius:.75rem;transition:box-shadow .3s ease,background-color .3s ease}.feature-card:hover{background-color:#ffffffe6;box-shadow:0 10px 25px #0000001a}.icon-wrapper{width:3rem;height:3rem;background:linear-gradient(to right,#9333ea,#3b82f6);display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:1.5rem;color:#fff}.cta-section{padding:5rem 0}.cta-container{max-width:800px;margin:0 auto;text-align:center}.cta-box{background:linear-gradient(to right,#9333ea,#3b82f6);color:#fff;padding:3rem;border-radius:1.5rem}.cta-box h2{font-size:2.5rem;margin-bottom:1rem}.cta-box p{font-size:1.25rem;opacity:.9;margin-bottom:2rem}.cta-button{font-size:1.125rem;background:#fff;color:#9333ea;padding:.75rem 2rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.cta-button:hover{background-color:#f9fafb}.arrow{margin-left:.5rem}.footer{background-color:#111827;color:#fff;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.brand-icon{width:2rem;height:2rem;background:linear-gradient(to right,#9333ea,#3b82f6);display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:1.25rem}.brand-name{font-size:1.25rem;font-weight:700}.footer h3{font-weight:600;margin-bottom:1rem}.footer ul{list-style:none;padding:0}.footer ul li{color:#9ca3af;margin-bottom:.5rem}.footer-bottom{border-top:1px solid #1f2937;margin-top:3rem;padding-top:2rem;text-align:center;color:#9ca3af;font-size:.875rem}*{box-sizing:border-box;font-family:Segoe UI,sans-serif}.profile-pic{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;transition:.3s}.profile-pic:hover{opacity:.85}.profile-container{height:87vh;display:flex;flex-direction:row;max-width:1100px;margin:40px auto;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.sidebar{background:linear-gradient(to bottom right,#9333ea,#3b82f6);color:#fff;width:35%;min-width:250px;padding:30px 20px;text-align:center}.profile-pic{width:120px;height:120px;border-radius:50%;border:4px solid white;box-shadow:0 0 10px #ffffff4d}.username{margin-top:15px;font-size:22px;font-weight:700}.role{font-size:14px;color:#dcd8f8;margin-bottom:20px}.sidebar h3{margin-top:20px;font-size:16px;text-align:left}.sidebar textarea{width:100%;min-height:100px;padding:10px;margin-top:10px;border-radius:10px;border:none;resize:none;outline:none;font-size:14px;font-family:inherit;color:#333}.main-content{flex:1;padding:30px 40px;background-color:#efedf3}.main-content h3{font-size:20px}.main-content input[type=text],.main-content input[type=email],.main-content input{width:100%;max-width:300px;height:35px;padding:8px 12px;font-size:14px;border-radius:8px;border:1px solid #ccc;outline:none;transition:border .3s ease}.main-content input:focus{border-color:#6366f1}.stats{display:flex;margin-top:10px;flex-wrap:wrap}.stat-box{padding:16px;margin-bottom:20px;border-radius:10px;box-shadow:0 2px 5px #0000000d}.stat-box h3{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.stat-box select{width:100%;height:40px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:14px;transition:border-color .2s ease}.stat-box select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.contact-btn{padding:12px 30px;background-image:linear-gradient(to bottom right,#9333ea,#3b82f6);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;transition:background .3s ease;display:inline-flex;align-items:center;gap:8px}.contact-btn:hover{background-color:#4338ca}.btn-icon{margin-left:5px}@media screen and (max-width: 768px){.profile-container{flex-direction:column;margin:20px}.sidebar{width:100%;border-radius:0}.main-content{padding:20px}.stats{flex-direction:column}}