/* =========================================================
   CSS hasil ekstraksi dari blok <style> #9
   Nama file: 09-pecitoto-field-2.css
   ========================================================= */

.PECITOTO-predict-wrap {
                            width: 100%;
                            margin: 25px auto;
                            font-family: Arial, Helvetica, sans-serif;
                            color: #ffffff;
                        }

                        .PECITOTO-premium-head {
                            padding: 18px 22px;
                            background: #5b0000;
                            border: 1px solid #bb0000;
                            border-radius: 14px 14px 0 0;
                            text-align: center;
                            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
                        }

                        .PECITOTO-premium-head h2 {
                            margin: 0;
                            color: #ffd86b;
                            font-size: 25px;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

                        .PECITOTO-premium-head p {
                            margin: 7px 0 0;
                            color: #c9d8ea;
                            font-size: 13px;
                        }

                        .PECITOTO-predict-card {
                            margin-top: 15px;
                            padding: 20px;
                            background:
                                #5b0000;
                            border: 1px solid #bb0000;
                            border-radius: 14px;
                            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
                        }

                        .PECITOTO-form-grid {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 15px;
                        }

                        .PECITOTO-field {
                            display: flex;
                            flex-direction: column;
                            gap: 7px;
                        }

                        .PECITOTO-field label {
                            color: #bb0000;
                            font-size: 13px;
                            font-weight: 700;
                        }

                        .PECITOTO-field select,
                        .PECITOTO-field input,
                        .PECITOTO-field textarea {
                            width: 100%;
                            box-sizing: border-box;
                            padding: 12px 13px;
                            color: #ffffff;
                            background: #06162a;
                            border: 1px solid #34577d;
                            border-radius: 9px;
                            outline: none;
                            font-size: 14px;
                            transition: 0.2s ease;
                        }

                        .PECITOTO-field textarea {
                            min-height: 90px;
                            resize: vertical;
                            line-height: 1.6;
                        }

                        .PECITOTO-field select:focus,
                        .PECITOTO-field input:focus,
                        .PECITOTO-field textarea:focus {
                            border-color: #e2b949;
                            box-shadow: 0 0 0 3px rgba(226, 185, 73, 0.12);
                        }

                        .PECITOTO-field select option {
                            color: #ffffff;
                            background: #071a31;
                        }

                        .PECITOTO-full {
                            grid-column: 1 / -1;
                        }

                        .PECITOTO-help {
                            margin-top: 2px;
                            color: #93abc7;
                            font-size: 11px;
                            line-height: 1.5;
                        }

                        .PECITOTO-btn-row {
                            display: grid;
                            grid-template-columns: 1fr auto;
                            gap: 10px;
                        }

                        .PECITOTO-btn-gold,
                        .PECITOTO-btn-reset {
                            padding: 13px 20px;
                            border-radius: 9px;
                            font-weight: 800;
                            cursor: pointer;
                            text-transform: uppercase;
                            letter-spacing: 0.5px;
                            transition: 0.2s ease;
                        }

                        .PECITOTO-btn-gold {
                            color: #171006;
                            background: #bb0000;
                            border: 1px solid #ffdf7a;
                        }

                        .PECITOTO-btn-reset {
                            color: #d9e7f7;
                            background: #132c4a;
                            border: 1px solid #3b5f85;
                        }

                        .PECITOTO-btn-gold:hover,
                        .PECITOTO-btn-reset:hover {
                            transform: translateY(-1px);
                            filter: brightness(1.08);
                        }

                        .PECITOTO-result-head {
                            margin: -20px -20px 18px;
                            padding: 13px 18px;
                            color: #bb0000;
                            background: rgba(3, 14, 27, 0.75);
                            border-bottom: 1px solid rgba(215, 173, 69, 0.45);
                            border-radius: 14px 14px 0 0;
                            font-weight: 800;
                            text-align: center;
                            letter-spacing: 1px;
                        }

                        .PECITOTO-result-grid {
                            display: grid;
                            grid-template-columns: repeat(4, minmax(0, 1fr));
                            gap: 10px;
                        }

                        .PECITOTO-result-item {
                            min-height: 68px;
                            padding: 12px 10px;
                            background: rgba(5, 22, 42, 0.85);
                            border: 1px solid #294b70;
                            border-radius: 10px;
                            text-align: center;
                        }

                        .PECITOTO-result-item span {
                            display: block;
                            margin-bottom: 7px;
                            color: #92a9c3;
                            font-size: 11px;
                            text-transform: uppercase;
                        }

                        .PECITOTO-result-item strong {
                            color: #ffffff;
                            font-size: 15px;
                            word-break: break-word;
                        }

                        .PECITOTO-number-main {
                            margin-top: 15px;
                            padding: 20px;
                            background:
                                radial-gradient(circle, rgba(255, 219, 112, 0.12), transparent 65%),
                                #06162a;
                            border: 1px solid #bb0000;
                            border-radius: 12px;
                            text-align: center;
                        }

                        .PECITOTO-number-main span {
                            display: block;
                            color: #aebfd2;
                            font-size: 12px;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

                        .PECITOTO-number-main strong {
                            display: block;
                            margin-top: 8px;
                            color: #bb0000;
                            font-size: 42px;
                            letter-spacing: 9px;
                            text-shadow: 0 0 18px rgba(255, 207, 80, 0.25);
                        }

                        .PECITOTO-section-title {
                            margin: 18px 0 10px;
                            color: #bb0000;
                            font-size: 13px;
                            font-weight: 800;
                            text-transform: uppercase;
                            letter-spacing: 0.6px;
                        }

                        .PECITOTO-alt-list {
                            display: grid;
                            grid-template-columns: repeat(3, minmax(0, 1fr));
                            gap: 10px;
                        }

                        .PECITOTO-alt-item {
                            padding: 14px;
                            color: #dceaff;
                            background: #0a1e38;
                            border: 1px solid #315778;
                            border-radius: 9px;
                            text-align: center;
                            font-size: 20px;
                            font-weight: 800;
                            letter-spacing: 3px;
                        }

                        .PECITOTO-analysis-grid {
                            display: grid;
                            grid-template-columns: repeat(3, minmax(0, 1fr));
                            gap: 10px;
                            margin-top: 10px;
                        }

                        .PECITOTO-analysis-box {
                            padding: 13px;
                            background: rgba(5, 21, 40, 0.9);
                            border: 1px solid #294b70;
                            border-radius: 9px;
                        }

                        .PECITOTO-analysis-box span {
                            display: block;
                            margin-bottom: 7px;
                            color: #91a9c4;
                            font-size: 11px;
                            text-transform: uppercase;
                        }

                        .PECITOTO-analysis-box strong {
                            color: #bb0000;
                            font-size: 16px;
                            letter-spacing: 1px;
                        }

                        .PECITOTO-bbfs-box {
                            margin-top: 15px;
                            padding: 16px;
                            background: linear-gradient(135deg, rgba(117, 73, 0, 0.35), rgba(6, 23, 43, 0.9));
                            border: 1px solid ##bb0000;
                            border-radius: 10px;
                            text-align: center;
                        }

                        .PECITOTO-bbfs-box span {
                            display: block;
                            margin-bottom: 8px;
                            color: #bb0000;
                            font-size: 12px;
                            text-transform: uppercase;
                        }

                        .PECITOTO-bbfs-box strong {
                            color: #bb0000;
                            font-size: 25px;
                            letter-spacing: 7px;
                        }

                        .PECITOTO-history-preview {
                            margin-top: 15px;
                            padding: 14px;
                            background: rgba(3, 15, 29, 0.7);
                            border: 1px dashed #315574;
                            border-radius: 9px;
                        }

                        .PECITOTO-history-preview span {
                            display: block;
                            margin-bottom: 8px;
                            color: #9bb1c8;
                            font-size: 11px;
                            text-transform: uppercase;
                        }

                        .PECITOTO-history-preview strong {
                            color: #dceaff;
                            font-size: 13px;
                            line-height: 1.7;
                            word-break: break-word;
                        }

                        .PECITOTO-note {
                            margin-top: 16px;
                            padding: 12px 14px;
                            color: #c4d0df;
                            background: rgba(141, 89, 0, 0.15);
                            border-left: 3px solid #d3a63d;
                            border-radius: 5px;
                            font-size: 12px;
                            line-height: 1.7;
                        }

                        .PECITOTO-status-loading {
                            animation: PECITOTOBlink 0.8s infinite alternate;
                        }

                        @keyframes PECITOTOBlink {
                            from {
                                opacity: 0.45;
                            }

                            to {
                                opacity: 1;
                            }
                        }

                        @media (max-width: 700px) {

                            .PECITOTO-form-grid,
                            .PECITOTO-result-grid,
                            .PECITOTO-analysis-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                            }

                            .PECITOTO-btn-row {
                                grid-template-columns: 1fr;
                            }

                            .PECITOTO-number-main strong {
                                font-size: 34px;
                                letter-spacing: 6px;
                            }
                        }

                        @media (max-width: 460px) {
                            .PECITOTO-predict-card {
                                padding: 15px;
                            }

                            .PECITOTO-result-head {
                                margin: -15px -15px 15px;
                            }

                            .PECITOTO-result-grid,
                            .PECITOTO-analysis-grid,
                            .PECITOTO-alt-list {
                                grid-template-columns: 1fr;
                            }

                            .PECITOTO-number-main strong {
                                font-size: 30px;
                            }
                        }