*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#fff;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:80px 0;background:#fff;margin-bottom:40px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.header h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:#1a1a1a;text-shadow:none}.header p{font-size:1.3rem;margin-bottom:30px;color:#666}.main-content{background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;margin-bottom:40px}.section{padding:60px 40px;border-bottom:1px solid #f0f0f0}.section:last-child{border-bottom:none}.section:nth-child(2n){background:#fafafa}.section h2{font-size:2.5rem;color:#1a1a1a;margin-bottom:30px;text-align:center;font-weight:600}.section h3{font-size:1.8rem;color:#333;margin-bottom:20px;padding-left:0;border-left:none;font-weight:600}.section p{font-size:1.1rem;margin-bottom:20px;color:#666;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-top:40px}.feature-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.feature-card h4{font-size:1.4rem;color:#1a1a1a;margin-bottom:15px;font-weight:600}.feature-card ul{list-style:none;padding-left:0}.feature-card li{border-bottom:1px solid #f0f0f0;position:relative;padding:8px 0 8px 25px;color:#666}.feature-card li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.feature-card li:last-child{border-bottom:none}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin-top:40px}.tech-category{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0}.tech-category h4{color:#1a1a1a;margin-bottom:15px;font-size:1.3rem;font-weight:600}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#f8f9fa;color:#333;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.05)}.architecture-diagram{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0;margin-top:30px;text-align:center}.architecture-layer{background:#f8f9fa;margin:15px 0;padding:20px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05)}.architecture-layer h5{color:#1a1a1a;margin-bottom:10px;font-weight:600}.footer{text-align:center;padding:60px 40px;background:#fff;margin-top:40px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);color:#666}.company-info{margin:40px 0;padding:30px;background:#f8f9fa;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05)}.company-details{margin-bottom:25px;text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.company-grid-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:20px;flex-wrap:wrap}.company-grid-row:last-child{border-bottom:none}.company-item{display:flex;align-items:center;gap:8px;font-size:.9rem;line-height:1.5;flex:1 1;min-width:200px}.company-item.full-width{flex:1 1 100%;min-width:100%}.company-item .label{font-weight:600;color:#333;white-space:nowrap;flex-shrink:0;min-width:100px}.company-item span:last-child{color:#666;flex:1 1}.disclaimer{padding:20px;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.05)}.disclaimer p{font-size:.85rem;color:#888;line-height:1.6;margin:0;font-style:italic}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.copyright p{margin:5px 0;font-size:.9rem;color:#666}.highlight{color:#1a1a1a;font-weight:700;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.legal-document{background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid #f0f0f0;overflow:hidden;margin-bottom:40px}.legal-header{background:#fff;color:#1a1a1a;padding:40px;text-align:center;position:relative;border-bottom:1px solid #f0f0f0}.back-button,.legal-header{box-shadow:0 2px 8px rgba(0,0,0,.05)}.back-button{position:absolute;left:40px;top:50%;transform:translateY(-50%);background:#f8f9fa;color:#333;border:1px solid #e9ecef;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#e9ecef;box-shadow:0 4px 12px rgba(0,0,0,.1)}.legal-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:none;color:#1a1a1a;font-weight:600}.update-date{font-size:1rem;color:#666}.legal-content{padding:40px}.legal-section{margin-bottom:40px}.legal-section h2{font-size:1.8rem;color:#1a1a1a;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px;font-weight:600}.legal-section h3{font-size:1.4rem;color:#333;margin:20px 0 15px;font-weight:600}.legal-section h4{font-size:1.2rem;color:#555;margin:15px 0 10px;font-weight:600}.legal-section h5{font-size:1.1rem;color:#1a1a1a;margin:10px 0 5px;font-weight:600}.legal-section p{font-size:1rem;line-height:1.7;color:#666;margin-bottom:15px}.legal-section .intro{font-size:1.1rem;color:#333;background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:30px}.legal-section ol,.legal-section ul{margin:15px 0;padding-left:30px}.legal-section li{margin-bottom:8px;line-height:1.6;color:#666}.legal-section ol>li{margin-bottom:15px}.legal-section ol ul,.legal-section ul ul{margin-top:10px}.table-container{overflow-x:auto;margin:20px 0}.table-container table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0}.table-container th{background:#f8f9fa;color:#1a1a1a;padding:15px;text-align:left;font-weight:600;border-bottom:1px solid #e9ecef}.table-container td{padding:15px;border-bottom:1px solid #f0f0f0}.table-container tr:last-child td{border-bottom:none}.contact-info{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05)}.contact-info h3{color:#1a1a1a;margin-bottom:15px;font-weight:600}.contact-info ul{list-style:none;padding-left:0}.contact-info li{margin-bottom:8px;color:#666}.legal-links{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0}.legal-links a{color:#333;text-decoration:none;margin:0 15px;font-size:.9rem;transition:color .3s ease;font-weight:500}.legal-links a:hover{color:#1a1a1a;text-decoration:underline}@media (max-width:768px){.header{padding:60px 20px}.header h1{font-size:2.5rem}.section{padding:40px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.legal-header{padding:30px 20px}.back-button{position:static;transform:none;margin-bottom:20px;display:inline-block}.legal-header h1{font-size:2rem}.legal-content{padding:30px 20px}.legal-section h2{font-size:1.5rem}.table-container{font-size:.9rem}.table-container td,.table-container th{padding:10px}.tech-stack{gap:20px}.feature-card{padding:25px}.footer{padding:40px 20px}.company-info{padding:20px;margin:30px 0}.company-details{max-width:100%}.company-grid-row{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.company-item{min-width:100%;gap:6px}.company-item .label{font-size:.85rem;min-width:80px}.company-item span:last-child{font-size:.85rem}.disclaimer{padding:15px}.disclaimer p{font-size:.8rem}}.iframe-container{min-width:400px;min-height:350px;padding:15px;background:#fff;font-size:.75rem;line-height:1.4;color:#333;overflow-y:auto;max-height:100vh}.iframe-header{text-align:start;padding-bottom:15px;border-bottom:1px solid #e9ecef;margin-bottom:15px}.iframe-header h1{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:5px}.iframe-header .update-date{font-size:.65rem;color:#666}.iframe-content{padding:0}.iframe-section{margin-bottom:15px;padding-bottom:10px}.iframe-section:last-child{margin-bottom:0;padding-bottom:0}.iframe-section h2{font-size:.85rem;font-weight:600;color:#1a1a1a;margin-bottom:8px;padding-bottom:3px;border-bottom:1px solid #f0f0f0}.iframe-section h3{font-size:.8rem;font-weight:600;color:#333;margin:8px 0 5px}.iframe-section h4{font-size:.75rem;font-weight:600;color:#555;margin:6px 0 4px}.iframe-section p{font-size:.75rem;line-height:1.4;color:#666;margin-bottom:8px}.iframe-section .intro{font-size:.75rem;color:#333;background:#f8f9fa;padding:10px;border-radius:6px;border-left:3px solid #667eea;margin-bottom:15px}.iframe-section ul{margin:6px 0;padding-left:15px}.iframe-section li{margin-bottom:3px;line-height:1.4;color:#666;font-size:.75rem}.iframe-section ol{margin:6px 0;padding-left:15px}.iframe-section ol>li{margin-bottom:6px;font-size:.75rem}.iframe-section ol ul,.iframe-section ul ul{margin-top:4px}.iframe-section .table-container{overflow-x:auto;margin:8px 0}.iframe-section .table-container table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e9ecef;font-size:.7rem}.iframe-section .table-container th{background:#f8f9fa;color:#1a1a1a;padding:8px;text-align:left;font-weight:600;border-bottom:1px solid #e9ecef;font-size:.7rem}.iframe-section .table-container td{padding:8px;border-bottom:1px solid #f0f0f0;font-size:.7rem}.iframe-section .table-container tr:last-child td{border-bottom:none}.iframe-section .contact-info{background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #e9ecef;box-shadow:0 1px 3px rgba(0,0,0,.05)}.iframe-section .contact-info h3{color:#1a1a1a;margin-bottom:8px;font-weight:600;font-size:.8rem}.iframe-section .contact-info ul{list-style:none;padding-left:0}.iframe-section .contact-info li{margin-bottom:4px;color:#666;font-size:.75rem}@media (max-width:480px){.iframe-container{min-width:300px;padding:10px;font-size:.7rem}.iframe-header h1{font-size:1rem}.iframe-header .update-date{font-size:.6rem}.iframe-section h2{font-size:.8rem}.iframe-section h3{font-size:.75rem}.iframe-section h4,.iframe-section li,.iframe-section p{font-size:.7rem}.iframe-section .intro{font-size:.7rem;padding:8px}.iframe-section .table-container td,.iframe-section .table-container th{padding:6px;font-size:.65rem}.iframe-section .contact-info{padding:8px}.iframe-section .contact-info h3{font-size:.75rem}.iframe-section .contact-info li{font-size:.7rem}}