body{margin:0;font-family:Arial,sans-serif;background:#E4F2FE}.header{display:inline-flex;position:absolute;top:0;left:0;height:40px;background:#0000001c;width:100%;gap:10px;padding:10px 0}.logo,.toolname{width:50%;padding:0 50px}.toolname h2{font-size:18px;text-align:right;margin:8px 0;font-weight:400}.container{width:90%;max-width:1200px;margin:40px auto;padding:40px 30px;position:absolute;top:30%;left:50%;transform:translate(-50%,-17%)}h1{text-align:center;margin-bottom:30px;text-transform:uppercase;font-size:52px}h1 sup{font-size:14px}.analyzer-form{max-width:480px;width:100%;display:block;margin:0 auto 40px auto;background:rgba(255,255,255,0.75);border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.analyzer-form input{width:300px;padding:22px 30px;font-size:16px;border-radius:100px;border:1px solid #aaa}.analyzer-form button{padding:15px 30px;font-size:16px;background:linear-gradient(135deg,#50a4f7 0%,#016dd8 100%);color:#fff;border:none;cursor:pointer;margin:20px auto 0 auto;display:block;border-radius:100px;line-height:32px;min-width:360px}.analyzer-form button:hover{background:#005bb5}.result{display:flex;gap:40px;padding:30px;background:#fff;border-radius:15px}.results h2{margin-bottom:20px;font-size:18px}.result-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.08)}.result-table th{background:#0073e6;color:#fff;padding:12px;text-align:left}.result-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:top}.result-table tr:hover{background:#f9fbff}.iphone-view{margin-top:52px;text-align:center}.iphone-view iframe{border:6px solid #000;border-radius:20px;box-shadow:-10px 18px 0px #000}.responsive-iframe-wrapper{position:relative}.responsive-iframe-wrapper:before{content:"";position:absolute;z-index:10;height:10px;width:10px;background:#474757;top:15px;left:50%;transform:translateX(-50%);border-radius:20px;border:8px solid #000}@media only screen and (min-width:320px) and (max-width:1024px){.toolname h2{font-size:16px;text-align:right;margin:10px 0}. container{width:calc(100% - 60px)}h1{font-size:44px}.analyzer-form{max-width:100%;width:auto}.analyzer-form input{width:calc(100% - 60px)}.analyzer-form button{min-width:auto}.logo,.toolname{width:50%;padding:0 25px}.container{transform:translate(-50%,-10%)}.result{display:block}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.result-table{min-width:700px}.result-table th,.result-table td{}.table-responsive{overflow-x:auto}.result-table{min-width:700px}.result-table th,.result-table td{}}#loadingOverlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:none;align-items:center;justify-content:center;z-index:9999}.loading-box{background:#fff;padding:35px 45px;border-radius:12px;text-align:center;box-shadow:0 10px 35px rgba(0,0,0,.25);font-family:system-ui}.spinner{width:55px;height:55px;border:6px solid #e3e3e3;border-top:6px solid #091535;border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.toolname{position:relative}.dropdown{float:right;max-width:200px;line-height:40px}.dropdown-toggle{background:transparent;border:none;font-size:18px;font-weight:600;cursor:pointer;color:#091535}.dropdown-menu{position:absolute;top:130%;right:40px;background:#fff;min-width:240px;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);display:none;overflow:hidden;z-index:1000}.dropdown-menu a{display:block;padding:12px 16px;text-decoration:none;color:#091535;font-size:15px;transition:background .2s}.dropdown-menu a:hover{background:#f3f5fa}.dropdown.open .dropdown-menu{display:block}