@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{border-color:#e5e7eb}body{background-color:white;color:#1f2937;font-feature-settings:"rlig" 1,"calt" 1;font-family:Titillium Web,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.025em}html{scroll-behavior:smooth}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@layer components{.text-askprof-purple{color:#5C3FBF}.bg-askprof-purple{background-color:#5C3FBF}.text-askprof-light-purple{color:#F6F4FF}.bg-askprof-light-purple{background-color:#F6F4FF}.text-askprof-medium-purple{color:#9B87F5}.bg-askprof-medium-purple{background-color:#9B87F5}.text-askprof-dark{color:#1A1F2C}.bg-askprof-dark{background-color:#1A1F2C}.text-askprof-gray{color:#8E9196}.bg-askprof-gray{background-color:#8E9196}.border-askprof-purple{border-color:#5C3FBF}.focus\:ring-askprof-purple:focus{--tw-ring-color:#5C3FBF}.hover\:bg-askprof-medium-purple:hover{background-color:#9B87F5}.hover\:text-askprof-purple:hover{color:#5C3FBF}.askprof-btn{background-color:#5C3FBF;color:white;font-weight:500;padding:.75rem 1.25rem;border-radius:.5rem;transition:opacity .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.askprof-btn:hover{opacity:.9}.step-card{background-color:white;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #f3f4f6;transition:all .3s;transform:translateY(0)}.step-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-.25rem)}.step-number{width:2.5rem;height:2.5rem;background-color:#F6F4FF;color:#5C3FBF;margin-bottom:1rem;font-size:1.125rem}.value-point{gap:.75rem;margin-bottom:1.25rem}.gradient-bg{background:linear-gradient(135deg,white,#F6F4FF)}.feature-card{background-color:white;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #f3f4f6;transition:all .3s}.feature-card:hover{border-color:#5C3FBF}.section-title{font-size:2.25rem;font-weight:700;position:relative;display:inline-block}@media (min-width:768px){.section-title{font-size:2.5rem}}.floating-element{animation:float 6s ease-in-out infinite}.bg-pattern-dots{background-image:radial-gradient(circle,rgba(92,63,191,.1) 1px,transparent 0);background-size:20px 20px}.bg-glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.text-gradient{background:linear-gradient(135deg,#5C3FBF,#9B87F5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.shadow-soft{box-shadow:0 5px 15px rgba(0,0,0,.05)}.shadow-medium{box-shadow:0 8px 30px rgba(0,0,0,.08)}.shadow-purple{box-shadow:0 10px 25px -5px rgba(92,63,191,.1),0 10px 10px -5px rgba(92,63,191,.04)}.header-backdrop{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-link{font-weight:500;color:#6b7280;transition:color .2s ease}.nav-link:hover{color:#5C3FBF}.btn-primary{background:linear-gradient(135deg,#5C3FBF,#7C3AED);color:white;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .3s ease;box-shadow:0 4px 14px 0 rgba(92,63,191,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(92,63,191,.35)}.btn-secondary{background:white;color:#5C3FBF;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #5c3fbf;transition:all .3s ease}.btn-secondary:hover{background:#5C3FBF;color:white;transform:translateY(-2px)}.hero-gradient{background:linear-gradient(135deg,#ffffff,#F6F4FF 50%,#E8E5FF);position:relative;overflow:hidden}.hero-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(92,63,191,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(155,135,245,.1) 0,transparent 50%);pointer-events:none}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,#1A1F2C,#5C3FBF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#6b7280;line-height:1.6;max-width:600px}.portfolio-card{background:white;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1.5rem;position:relative;overflow:hidden;animation:float 6s ease-in-out infinite}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5C3FBF,#9B87F5)}.score-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5C3FBF,#9B87F5);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.5rem;position:relative}.score-circle:after{content:"";position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 0deg,#5C3FBF 0,#9B87F5 87%,#e5e7eb 87%,#e5e7eb 100%);-webkit-mask:radial-gradient(circle at center,transparent 65%,black 0);mask:radial-gradient(circle at center,transparent 65%,black 0)}.feature-badge{background:rgba(92,63,191,.1);color:#5C3FBF;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;border:1px solid rgba(92,63,191,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-bg-gray{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.step-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5C3FBF,#9B87F5);transform:scaleX(0);transition:transform .3s ease}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(0,0,0,.15)}.step-number{width:3rem;height:3rem;background:linear-gradient(135deg,#5C3FBF,#9B87F5);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 14px 0 rgba(92,63,191,.25)}.step-icon{width:2rem;height:2rem;color:#5C3FBF;margin-bottom:1rem}.feature-highlight-bg{background:linear-gradient(135deg,#F6F4FF,#E8E5FF);position:relative}.feature-highlight-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235C3FBF' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.feature-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5C3FBF,#9B87F5);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(0,0,0,.15)}.feature-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#5C3FBF,#9B87F5);color:white;border-radius:.75rem;align-items:center;justify-content:center;box-shadow:0 4px 14px 0 rgba(92,63,191,.25)}.feature-icon,.value-point{display:flex;margin-bottom:1.5rem}.value-point{align-items:flex-start;gap:1rem}.check-icon{width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#10B981,#059669);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.testimonial-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);position:relative}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#5C3FBF;opacity:.2;font-family:Titillium Web,sans-serif}.email-form{display:flex;gap:.75rem;max-width:400px;margin:2rem 0}.email-input{flex:1 1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:white}.email-input:focus{outline:none;border-color:#5C3FBF;box-shadow:0 0 0 3px rgba(92,63,191,.1)}.email-input::placeholder{color:#9ca3af}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(135deg,#1A1F2C,#5C3FBF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto 3rem}.floating-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(92,63,191,.1),rgba(155,135,245,.1));animation:float 8s ease-in-out infinite}.floating-circle-1{width:100px;height:100px;top:10%;right:10%;animation-delay:-2s}.floating-circle-2{width:60px;height:60px;bottom:20%;left:5%;animation-delay:-4s}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:300px;height:100vh;background:white;padding:2rem;transform:translateX(100%);transition:transform .3s ease}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.email-form{flex-direction:column;max-width:100%}.portfolio-card{padding:1rem}.feature-card,.step-card{padding:1.5rem}}}