.migration-calculator{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;box-shadow:0 30px 60px #00000080;transition:all .3s ease;position:relative;overflow:hidden}.migration-calculator:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-cyan),transparent);box-shadow:0 2px 10px var(--primary-cyan)}.calculator-header{margin-bottom:2rem;text-align:center}.calculator-header h3{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.calculator-inputs{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.input-group label{display:block;font-size:.9rem;color:#aaa;margin-bottom:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.custom-select{position:relative;width:100%}.custom-select select{width:100%;padding:1rem 1.2rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.custom-select select:hover,.custom-select select:focus{border-color:var(--primary-cyan);background:#00000080;outline:none;box-shadow:0 0 0 2px #00ffff1a}.custom-select:after{content:"▼";font-size:.8rem;color:var(--primary-cyan);position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);pointer-events:none}.range-slider-container{padding:.5rem 0}.range-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--primary-cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 15px #00ffff80;-webkit-transition:transform .2s ease;transition:transform .2s ease;margin-top:-9px}.range-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:3px}.range-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.page-count-display{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.9rem;color:var(--primary-cyan);font-weight:600}.calculator-results{background:#0006;border-radius:16px;padding:2rem;text-align:center;position:relative}.result-row{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.result-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-label{font-size:.9rem;color:#aaa;text-align:left}.result-value{font-size:1.5rem;font-weight:700;color:#fff;text-align:right;font-family:JetBrains Mono,monospace}.highlight-value{color:var(--primary-cyan);text-shadow:0 0 20px rgba(0,255,255,.2)}.complexity-meter{margin-top:1.5rem;height:4px;background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden}.complexity-fill{height:100%;background:linear-gradient(90deg,#4caf50,#ff9800,#f44336);border-radius:2px;transition:width .5s ease}.cta-container{margin-top:2rem}.pulse-button{width:100%;text-align:center;animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #0ff3}70%{box-shadow:0 0 0 10px #0ff0}to{box-shadow:0 0 #0ff0}}@media(max-width:768px){.migration-calculator{padding:1.5rem}}.migration-page{margin-top:0}.migration-hero{padding-top:2rem;padding-bottom:2rem;background-color:transparent;width:100%;position:relative}.migration-grid{display:grid;grid-template-columns:1fr 450px;gap:4rem;align-items:start}.pill-badge{display:inline-block;padding:.5rem 1rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);color:var(--primary-cyan);border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.migration-content h1{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.highlight-text{color:var(--primary-cyan);-webkit-text-fill-color:var(--primary-cyan)}.hero-lead{font-size:1.25rem;color:#aaa;line-height:1.6;margin-bottom:2.5rem;max-width:600px}.nuance-box{background:#ffffff05;border-left:3px solid #333;padding:1.5rem;margin-bottom:1.5rem;border-radius:0 8px 8px 0}.nuance-box h4{font-size:1rem;margin-bottom:.5rem;color:#fff}.nuance-box p{font-size:.95rem;color:#ccc;line-height:1.5;margin:0}.nuance-box.technical{border-color:#f44}.nuance-box.benefit{border-color:var(--primary-cyan)}.migration-tool-wrapper{position:sticky;top:100px}.comparison-section{padding:4rem 0;position:relative;background:transparent}.comparison-grid{display:flex;justify-content:center;align-items:stretch;gap:2rem;margin-top:3rem}.comparison-card{flex:1;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;backdrop-filter:blur(10px)}.source-card{border-color:#f443}.target-card{border-color:#0ff3;background:#00ffff05;box-shadow:0 0 30px #00ffff0d}.card-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.platform-name{font-size:1.5rem;font-weight:700}.vs-badge{align-self:center;background:#222;color:#888;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #333}.comparison-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.comparison-list li{font-size:1rem;color:#ddd;display:flex;justify-content:space-between}.pain-point-list{display:block!important;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.pain-point-list ul{list-style:none;margin-top:.5rem;padding-left:.5rem}.pain-point-list li{font-size:.9rem;color:#aaa;margin-bottom:.25rem;display:block}@media(max-width:1024px){.migration-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.migration-tool-wrapper{position:relative;top:0;margin-bottom:3rem}}.hero-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(0,255,255,.12) 0%,transparent 60%);filter:blur(80px);pointer-events:none;z-index:0}.migration-hero{position:relative;background:radial-gradient(circle at top center,rgba(0,255,255,.03) 0%,transparent 70%)}@media(max-width:768px){.migration-content h1{font-size:2.5rem}.comparison-grid{flex-direction:column;gap:1rem}.vs-badge{margin:0 auto;height:40px;width:40px;font-size:.8rem}}