@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;color:#333;background-color:#0f0f23;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,#1e3c72 0%,transparent 70%),radial-gradient(ellipse at bottom,#2a5298 0%,transparent 70%),linear-gradient(135deg,#667eea,#764ba2);z-index:-2;opacity:.8}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:conic-gradient(from 0deg at 50% 50%,#667eea1a,#764ba21a,#f093fb1a,#f5576c1a,#4facfe1a 240deg,#667eea1a 360deg);animation:rotate 30s linear infinite;z-index:-1;opacity:.7}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1}.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);top:10%;left:10%;animation:floatOrb1 20s ease-in-out infinite}.orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(240,147,251,.12) 0%,transparent 70%);top:60%;right:15%;animation:floatOrb2 25s ease-in-out infinite reverse}.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(79,172,254,.1) 0%,transparent 70%);bottom:20%;left:30%;animation:floatOrb3 18s ease-in-out infinite}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-50px) scale(1.2)}}@keyframes floatOrb3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-40px) scale(.8)}75%{transform:translate(-30px,30px) scale(1.1)}}#root{isolation:isolate;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:.5em;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:600}p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;color:#ffffffd9}a{color:#667eea;text-decoration:none;transition:all .3s ease;position:relative}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}a:hover:after{width:100%}a:hover{color:#764ba2;transform:translateY(-1px)}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}:focus-visible{outline:2px solid #667eea;outline-offset:2px;border-radius:4px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200px 100%;animation:shimmer 1.5s infinite}*{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}@media print{body:before,body:after,.orb{display:none!important}body{background:#fff!important;color:#000!important}h1,h2,h3,h4,h5,h6{color:#000!important;-webkit-text-fill-color:initial!important}}@media (prefers-contrast: high){body:before,body:after{opacity:.3}h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:white}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after,.orb{animation:none!important}}.App{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:400% 400%;animation:gradientShift 15s ease infinite}.App:before{content:"";position:fixed;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.App:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.container{background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff80;padding:2rem;margin:2rem auto;max-width:1200px;position:relative;z-index:1;transition:all .3s ease}.container:hover{transform:translateY(-5px);box-shadow:0 15px 40px #1f268780,inset 0 1px #fff9}.card{background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.2);padding:1.5rem;margin:1rem 0;box-shadow:0 4px 15px #1f268733;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #1f26874d;border-color:#fff6}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;padding:12px 30px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn:hover:before{left:100%}h1,h2,h3{color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:700}p{color:#ffffffd9;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.1)}input,textarea{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:12px 16px;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:#fff9;background:#ffffff40;box-shadow:0 0 0 3px #667eea4d}input::placeholder,textarea::placeholder{color:#fff9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2,#667eea)}.MuiContainer-root{background:#ffffff1f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:24px;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 40px #1f268766,inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a;margin-top:2rem!important;margin-bottom:2rem!important;padding:3rem 2.5rem!important;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.MuiContainer-root:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.MuiContainer-root:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #1f268799,inset 0 1px #fff6,0 0 0 1px #fff3;border-color:#fff6}.MuiTextField-root{position:relative}.MuiTextField-root .MuiOutlinedInput-root{background:#fffffff2;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease}.MuiTextField-root .MuiOutlinedInput-root:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea40}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.MuiTextField-root .MuiInputBase-input{color:#333;font-weight:400;font-size:16px;padding:16px 20px}.MuiTextField-root .MuiInputBase-input::placeholder{color:#999;opacity:1}.MuiTextField-root .MuiInputLabel-root{color:#666;font-weight:500;font-size:16px}.MuiTextField-root .MuiInputLabel-root.MuiInputLabel-shrink{color:#667eea;background:#ffffffe6;padding:4px 8px;border-radius:8px}.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#667eea}.MuiFormControl-root .MuiOutlinedInput-root{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a}.MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:2px solid #e0e0e0;border-radius:12px}.MuiFormControl-root .MuiOutlinedInput-root:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea}.MuiFormControl-root .MuiOutlinedInput-root.Mui-focused{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea40}.MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea;border-width:2px}.MuiSelect-select{color:#333!important;font-weight:500}.MuiInputLabel-root{color:#666!important;font-weight:500}.MuiInputLabel-root.Mui-focused{color:#667eea!important}.MuiInputLabel-root.MuiInputLabel-shrink{background:#ffffffe6;padding:4px 8px;border-radius:8px}.MuiButton-root.MuiButton-contained{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-weight:600;font-size:17px;padding:16px 40px;box-shadow:0 8px 25px #667eea66,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.5px;position:relative;overflow:hidden;min-height:56px}.MuiButton-root.MuiButton-contained:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.MuiButton-root.MuiButton-contained:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.MuiButton-root.MuiButton-contained:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #667eea99,inset 0 1px #ffffff4d;border-color:#fff6}.MuiButton-root.MuiButton-contained:hover:before{left:100%}.MuiButton-root.MuiButton-contained:hover:after{width:300px;height:300px}.MuiButton-root.MuiButton-contained:active{transform:translateY(-2px) scale(.98)}.MuiButton-root.MuiButton-contained.Mui-disabled{background:#ffffff1a;color:#fff6;border-color:#ffffff1a;box-shadow:none;transform:none}.MuiButton-root.MuiButton-outlined{border:1px solid rgba(255,255,255,.3);color:#ffffffe6;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px;font-weight:600;font-size:15px;padding:12px 28px;text-transform:none;letter-spacing:.3px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.MuiButton-root.MuiButton-outlined:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.MuiButton-root.MuiButton-outlined:hover{border-color:#ffffff80;background:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 25px #1f26874d}.MuiButton-root.MuiButton-outlined:hover:before{opacity:1}.MuiTypography-h3{color:#fffffff2!important;text-shadow:0 4px 8px rgba(0,0,0,.2);font-weight:800!important;font-size:clamp(2rem,5vw,3rem)!important;text-align:center;margin-bottom:3rem!important;background:linear-gradient(135deg,#fff,#e8e8ff,#d4d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}.MuiTypography-h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px;opacity:.7}.MuiTypography-h6{color:#ffffffe6!important;font-weight:600!important;font-size:1.3rem!important;margin-bottom:1rem!important;letter-spacing:.01em;position:relative;padding-left:20px}.MuiTypography-h6:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.MuiTypography-root.MuiTypography-colorError{color:#ff8a80!important;background:#ff8a801a;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,138,128,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:16px 0;font-weight:500;position:relative;overflow:hidden}.MuiTypography-root.MuiTypography-colorError:before{content:"⚠️";margin-right:8px;font-size:16px}.MuiTypography-root.MuiTypography-colorError:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#ff8a80,#ff5722)}.generated-reply-section{margin-top:2rem;padding:24px;background:#fffffff2;border-radius:16px;border:2px solid #e0e0e0;box-shadow:0 6px 20px #0000001a;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.generated-reply-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.generated-reply-section:hover{transform:translateY(-3px);background:#fff;border-color:#667eea;box-shadow:0 12px 30px #00000026}.generated-reply-section .MuiTextField-root .MuiOutlinedInput-root{background:#f8fafc;border-radius:12px}.generated-reply-section .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:2px solid #e2e8f0}.generated-reply-section .MuiTextField-root .MuiInputBase-input{color:#1e293b;font-weight:400;line-height:1.6}.generated-reply-section .MuiTextField-root .MuiInputBase-input[readonly]{background:#f8fafc;cursor:default}.MuiPaper-root.MuiMenu-paper{background:#fffffffa!important;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026}.MuiMenuItem-root{color:#333!important;font-weight:500;transition:all .3s ease;padding:12px 16px}.MuiMenuItem-root:hover{background:#667eea1a!important;color:#667eea!important}.MuiMenuItem-root.Mui-selected{background:#667eea26!important;color:#667eea!important;font-weight:600}.MuiMenuItem-root.Mui-selected:hover{background:#667eea33!important}.MuiCircularProgress-root{color:#fffc!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.MuiBox-root{position:relative}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none;transition:all .3s ease}.MuiTextField-root:hover .input-icon,.MuiTextField-root.Mui-focused .input-icon{color:#fffc;transform:translateY(-50%) scale(1.1)}@media (max-width: 768px){.container{margin:1rem;padding:1.5rem;border-radius:15px}.card{padding:1rem;margin:.5rem 0}.btn{padding:10px 25px;font-size:14px}.MuiContainer-root{margin:1rem!important;padding:1.5rem!important;border-radius:15px!important}.MuiButton-root{padding:10px 25px;font-size:14px}}