:root{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;--primary-color:#007bff;--secondary-color:#28a745;--accent-color:#17a2b8;--text-color:#333;--bg-color:#fafafa;--card-bg:hsla(0,0%,100%,.95);--glass-bg:hsla(0,0%,100%,.9);--shadow:0 8px 32px rgba(0,0,0,.1);--glass-shadow:0 8px 32px rgba(0,0,0,.1);--border-radius:16px;--glow:0 0 20px rgba(0,123,255,.3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);background-attachment:fixed;color:var(--text-color);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,hsla(0,0%,39%,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,39%,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,#ba68c8 100%);color:#fff;padding:2rem 2rem 1rem;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero:before{top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><radialGradient id="grad" cx="50%" cy="50%" r="50%"><stop offset="0%" style="stop-color:rgba(255,255,255,0.2);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.05);stop-opacity:1" /></radialGradient></defs><circle cx="20" cy="20" r="3" fill="url(%23grad)"/><circle cx="80" cy="40" r="2" fill="url(%23grad)"/><circle cx="40" cy="80" r="2.5" fill="url(%23grad)"/><circle cx="70" cy="10" r="1.5" fill="url(%23grad)"/><circle cx="10" cy="60" r="2" fill="url(%23grad)"/></svg>') repeat;opacity:.4;animation:float 20s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute}.hero:after{top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,hsla(0,0%,100%,.1),transparent);animation:rotate 10s linear infinite;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:center;animation:fadeInUp 1.2s ease-out}.hero-left{text-align:left}.hero-right{text-align:center}.hero-features{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-top:3rem;max-width:600px}.hero-feature{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.9)}.hero-icon{font-size:1.5rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:2rem}.stat{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem 1rem;border:1px solid hsla(0,0%,100%,.2)}.stat-number{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.5px}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(0,0,0,.4);background:linear-gradient(45deg,#fff,#e9ecef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;font-weight:300;opacity:.95;max-width:700px;margin:0 auto;line-height:1.7}.main-content{display:grid;grid-template-columns:.6fr 1.4fr;grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.input-section,.result-section{display:flex;flex-direction:column}.result-section{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}.result-placeholder{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem 2rem;border-radius:var(--border-radius);box-shadow:var(--glass-shadow);border:1px solid hsla(0,0%,100%,.18);text-align:center;animation:fadeIn .8s ease-out}.placeholder-content{max-width:400px;margin:0 auto}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.placeholder-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.placeholder-content p{color:#666;margin-bottom:.5rem;font-size:1.1rem}.placeholder-hint{font-size:.9rem!important;color:#888!important;font-style:italic}.features{display:flex;flex-direction:column;gap:1.5rem}.feature-card:first-child{animation:slideInLeft .8s ease-out .2s both}.feature-card:nth-child(2){animation:bounceIn .8s ease-out .4s both}.feature-card:nth-child(3){animation:slideInRight .8s ease-out .6s both}.feature-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 16px rgba(0,0,0,.08);text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid hsla(0,0%,100%,.18);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.12),var(--glow);background:hsla(0,0%,100%,.15)}.card-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-color)}.feature-card p{color:#666;margin-bottom:1.5rem}textarea{width:100%;min-height:100px;margin-bottom:1rem;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;font-family:inherit;transition:border-color .3s ease}textarea:focus{outline:none;border-color:var(--primary-color)}button{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;border:none;padding:1rem 2.5rem;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px rgba(233,30,99,.4);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}button:hover:not(:disabled):before{left:100%}button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(233,30,99,.5)}button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.result{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--glass-shadow);margin-top:2rem;animation:fadeIn .8s ease-out;border:1px solid hsla(0,0%,100%,.18)}.result h2{color:var(--primary-color);margin-bottom:1rem}.result h3{color:var(--secondary-color);margin-bottom:1rem}.risk-section{margin:1.5rem 0;padding:1.5rem;border-radius:8px;border-left:4px solid}.high-risk{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left-color:#f44336}.medium-risk{background:linear-gradient(135deg,#fff3e0,#ffcc02);border-left-color:#ff9800}.low-risk{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left-color:#4caf50}.risk-section h4{margin-top:0;font-weight:600}details summary{list-style:none;cursor:pointer;padding:.5rem 0}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary:before{content:"▶ ";font-size:1.2em;margin-right:.5rem}details[open] summary:before{content:"▼ "}.explanation{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1.5rem}.file-input{margin:1rem 0;padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;width:100%}.button-group{display:flex;gap:1rem;justify-content:center;align-items:center}.clear-btn{padding:.5rem 1rem;font-size:.9rem;background:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-weight:500;transition:background-color .3s ease;box-shadow:none;text-transform:none;letter-spacing:normal}.clear-btn:hover{background:#e0e0e0;transform:none;box-shadow:none}.button-group button{padding:.5rem 1rem;font-size:.9rem;text-transform:none;letter-spacing:normal}.button-group button:hover:not(:disabled){transform:none;box-shadow:0 8px 25px rgba(233,30,99,.4)}.button-group button:active:not(:disabled){transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%{text-shadow:0 4px 12px rgba(0,0,0,.8),0 0 20px hsla(0,0%,100%,.3)}to{text-shadow:0 4px 12px rgba(0,0,0,.8),0 0 30px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.2)}}.footer{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,249,250,.9) 50%,rgba(233,236,239,.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;padding:3rem 2rem;margin-top:4rem;border-top:none;color:#666;font-size:.9rem;position:relative;overflow:hidden}.footer:before{left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),var(--primary-color),transparent);border-radius:2px;animation:shimmer 3s ease-in-out infinite}.footer:after,.footer:before{content:"";position:absolute;top:0}.footer:after{left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,123,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(40,167,69,.05) 0,transparent 50%);pointer-events:none}@media (max-width:768px){.hero{padding:3rem 1rem}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-content,.hero-left{text-align:center}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:1rem}.stat{padding:1rem .5rem}.hero-features{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem}.main-content{grid-template-columns:1fr;padding:1rem;gap:1rem}.result-section{position:static}.feature-card{padding:1rem}.footer{padding:1.5rem 1rem;font-size:.8rem}}