@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");.sipat-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#0c1445 40%,#1a0a3e 70%,#0f172a);position:relative;overflow-x:hidden;font-family:Inter,sans-serif;color:#e2e8f0}.sipat-page:before{content:"";top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 600px 600px at 20% 20%,rgba(6,182,212,.08) 0,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(139,92,246,.08) 0,transparent 70%),radial-gradient(ellipse 400px 400px at 60% 30%,rgba(59,130,246,.06) 0,transparent 70%)}.grid-bg,.sipat-page:before{position:fixed;pointer-events:none;z-index:0}.grid-bg{inset:0;opacity:.06;background-image:linear-gradient(90deg,rgba(6,182,212,.3) 1px,transparent 0),linear-gradient(180deg,rgba(6,182,212,.3) 1px,transparent 0);background-size:60px 60px}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:300px;height:300px;background:rgba(6,182,212,.12);top:10%;left:10%}.orb-2{width:250px;height:250px;background:rgba(139,92,246,.1);top:60%;right:10%;animation-delay:-7s}.orb-3{width:200px;height:200px;background:rgba(59,130,246,.08);bottom:20%;left:40%;animation-delay:-14s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0deg);box-shadow:0 8px 40px rgba(6,182,212,.4)}50%{transform:scale(1.05) rotate(3deg);box-shadow:0 12px 50px rgba(6,182,212,.5)}}@keyframes uploadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badgeGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 12px rgba(245,158,11,.2)}}@keyframes vipBarGlow{0%,to{box-shadow:0 4px 30px rgba(245,158,11,.08)}50%{box-shadow:0 4px 40px rgba(245,158,11,.18),0 0 60px rgba(245,158,11,.06)}}@keyframes avatarBorderPulse{0%,to{box-shadow:0 0 10px rgba(251,191,36,.3)}50%{box-shadow:0 0 18px rgba(251,191,36,.55),0 0 4px hsla(0,0%,100%,.1)}}@keyframes vipBadgeShine{0%,to{box-shadow:0 4px 20px rgba(245,158,11,.4)}50%{box-shadow:0 4px 30px rgba(245,158,11,.55),0 0 40px rgba(245,158,11,.1)}}@keyframes boostPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 15px rgba(6,182,212,.25)}}@keyframes ncbGlow{0%,to{box-shadow:0 4px 25px rgba(245,158,11,.4)}50%{box-shadow:0 4px 35px rgba(245,158,11,.6),0 0 60px rgba(245,158,11,.15)}}@keyframes ncbShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes upgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes upgSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes upgPulseGlow{0%,to{box-shadow:0 0 30px rgba(245,158,11,.15),0 30px 100px rgba(0,0,0,.5)}50%{box-shadow:0 0 50px rgba(245,158,11,.25),0 30px 100px rgba(0,0,0,.5)}}@keyframes upgShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes upgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes upgCountPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes upgRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes scPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spinner{animation:spin 1s linear infinite}.sipat-nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(15,23,42,.6);border-bottom:1px solid rgba(6,182,212,.15);animation:slideDown .6s ease-out}.nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;justify-content:space-between;height:72px}.back-btn,.nav-inner{display:flex;align-items:center}.back-btn{gap:8px;color:#67e8f9;font-weight:600;font-size:15px;background:none;border:none;cursor:pointer;transition:all .3s;text-decoration:none}.back-btn:hover{color:#a5f3fc;transform:translateX(-4px)}.nav-right{gap:12px}.login-btn,.nav-right{display:flex;align-items:center}.login-btn{padding:10px 24px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;border-radius:100px;font-weight:700;font-size:14px;cursor:pointer;gap:8px;box-shadow:0 4px 20px rgba(6,182,212,.35);transition:all .3s;font-family:Inter,sans-serif}.login-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(6,182,212,.45)}.user-badge{gap:10px;padding:6px 16px 6px 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(6,182,212,.08);border-radius:100px;border:1px solid rgba(6,182,212,.2)}.user-avatar,.user-badge{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);justify-content:center;font-weight:700;font-size:13px;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600;color:#e2e8f0}.user-credits{font-size:11px;color:#67e8f9;font-weight:500}.settings-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(6,182,212,.2);background:rgba(6,182,212,.08);color:#67e8f9;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .4s;flex-shrink:0}.settings-btn:hover{background:rgba(6,182,212,.15);transform:rotate(90deg);border-color:rgba(6,182,212,.35)}.sipat-main{position:relative;z-index:1;padding:100px 24px 80px;max-width:1280px;margin:0 auto}.sipat-header{text-align:center;margin-bottom:48px;animation:fadeUp .8s ease-out}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);margin-bottom:24px;box-shadow:0 8px 40px rgba(6,182,212,.4);animation:iconPulse 3s ease-in-out infinite}.header-icon svg{font-size:36px;color:#fff}.sipat-title{font-size:clamp(36px,5vw,56px);font-weight:900;margin-bottom:12px;line-height:1.1}.title-gradient{background:linear-gradient(135deg,#22d3ee,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-white{color:#fff}.sipat-subtitle{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6}.sipat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:48px}@media (max-width:1024px){.sipat-grid{grid-template-columns:1fr}}.glass-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.03);border-radius:24px;padding:32px;border:1px solid rgba(6,182,212,.15);position:relative;overflow:hidden;animation:cardFadeIn .8s ease-out both}.glass-card:first-child{animation-delay:.1s}.glass-card:nth-child(2){animation-delay:.25s}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent)}.card-title{font-size:22px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:24px}.card-title svg{color:#22d3ee;font-size:20px}.upload-zone{border:2px dashed rgba(6,182,212,.3);border-radius:20px;padding:48px 24px;text-align:center;cursor:pointer;background:linear-gradient(135deg,rgba(6,182,212,.03),rgba(139,92,246,.03));transition:all .4s;position:relative}.upload-zone:hover{border-color:rgba(6,182,212,.5);transform:scale(1.01)}.upload-icon{font-size:56px;color:#22d3ee;margin-bottom:16px;animation:uploadBounce 2.5s ease-in-out infinite}.upload-text{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.upload-hint{font-size:14px;color:#67e8f9}.locked-overlay{position:absolute;inset:0;border-radius:20px;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;cursor:pointer;transition:all .3s}.locked-overlay:hover{background:rgba(15,23,42,.5)}.lock-icon{font-size:32px;color:#f59e0b;margin-bottom:12px}.lock-text{font-size:15px;font-weight:600;color:#fcd34d}.lock-sub{font-size:12px;color:#94a3b8;margin-top:4px}.image-preview{position:relative;border-radius:20px;overflow:hidden;border:2px solid rgba(6,182,212,.2);margin-bottom:16px}.image-preview img{width:100%;height:380px;object-fit:cover;display:block}.change-btn{position:absolute;top:12px;right:12px;padding:8px 20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:100px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.change-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.analyze-btn{width:100%;padding:16px;background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:100px;font-weight:700;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 25px rgba(6,182,212,.4);transition:all .3s;font-family:Inter,sans-serif}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(6,182,212,.5)}.analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-credits-btn{width:100%;padding:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f59e0b,#f97316,#ef4444);color:#fff;border:none;border-radius:100px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 25px rgba(245,158,11,.4);transition:all .3s;font-family:Inter,sans-serif;animation:ncbGlow 2s ease-in-out infinite}.no-credits-btn:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(245,158,11,.5)}.ncb-pulse{position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);background-size:200% auto;animation:ncbShimmer 2s linear infinite;pointer-events:none}.ncb-divider{opacity:.5}.ncb-vip{text-decoration:underline;font-weight:800}.user-status-badge{padding:3px 10px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.badge-free{background:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.2);color:#94a3b8}.badge-vip{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(249,115,22,.1));border:1px solid rgba(245,158,11,.3);color:#fbbf24;animation:badgeGlow 2s ease-in-out infinite}.status-bar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.03);border-radius:20px;padding:20px 24px;border:1px solid rgba(6,182,212,.15);margin-bottom:32px;justify-content:space-between;gap:16px;animation:cardFadeIn .8s ease-out .3s both}.status-bar,.status-left{display:flex;align-items:center}.status-left{gap:14px}.status-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff}.status-name{font-size:16px;font-weight:700;color:#fff}.status-sub{font-size:13px;color:#64748b;margin-top:2px}.status-right{display:flex;align-items:center;gap:12px}.credits-display{text-align:center;padding:8px 20px;background:rgba(6,182,212,.08);border-radius:14px;border:1px solid rgba(6,182,212,.15)}.credits-num{font-size:24px;font-weight:800;color:#22d3ee;line-height:1}.credits-label{font-size:11px;color:#64748b;margin-top:2px}.vip-badge{padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:100px;font-weight:700;font-size:12px;color:#fff;box-shadow:0 4px 15px rgba(245,158,11,.4);letter-spacing:1px}.status-bar-vip{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(249,115,22,.03),rgba(139,92,246,.04));border-radius:20px;padding:20px 24px;border:1px solid rgba(245,158,11,.25);margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;animation:cardFadeIn .8s ease-out .3s both,vipBarGlow 3s ease-in-out infinite;position:relative;overflow:hidden}.status-bar-vip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,#f97316,#fbbf24,transparent);background-size:200% auto;animation:upgShimmer 3s linear infinite}.avatar-border-gold{border:2.5px solid #fbbf24;box-shadow:0 0 12px rgba(251,191,36,.5),inset 0 0 6px rgba(251,191,36,.15)}.avatar-border-gold,.avatar-border-silver{animation:avatarBorderPulse 2.5s ease-in-out infinite}.avatar-border-silver{border:2.5px solid #cbd5e1;box-shadow:0 0 12px rgba(203,213,225,.5),inset 0 0 6px rgba(203,213,225,.15)}.avatar-border-diamond{border:2.5px solid #67e8f9;box-shadow:0 0 14px rgba(103,232,249,.6),inset 0 0 6px rgba(103,232,249,.2);animation:avatarBorderPulse 2s ease-in-out infinite}.avatar-border-bronze{border:2.5px solid #d97706;box-shadow:0 0 12px rgba(217,119,6,.45),inset 0 0 6px rgba(217,119,6,.15);animation:avatarBorderPulse 2.5s ease-in-out infinite}.vip-tier-badge{padding:8px 18px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);color:#fff;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 20px rgba(245,158,11,.4);animation:vipBadgeShine 3s linear infinite;position:relative;overflow:hidden}.vip-tier-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% auto;animation:upgShimmer 2.5s linear infinite;pointer-events:none}.boost-badge{padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(139,92,246,.1));border:1px solid rgba(6,182,212,.3);color:#67e8f9;display:inline-flex;align-items:center;gap:5px;animation:boostPulse 2s ease-in-out infinite}.vip-unlimited-display{text-align:center;padding:6px 16px;background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(249,115,22,.04));border-radius:14px;border:1px solid rgba(245,158,11,.2)}.vip-unlimited-text{font-size:18px;font-weight:900;color:#fbbf24;line-height:1}.vip-unlimited-label{font-size:11px;color:#d97706;margin-top:2px;font-weight:600}.border-selector{display:flex;gap:6px;margin-top:4px}.border-option{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:all .2s;position:relative}.border-option:hover{transform:scale(1.2)}.border-option.active:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid hsla(0,0%,100%,.5)}.border-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.border-silver{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.border-diamond{background:linear-gradient(135deg,#67e8f9,#06b6d4)}.border-bronze{background:linear-gradient(135deg,#d97706,#92400e)}.status-badge-lg{padding:6px 16px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px}.status-badge-lg.badge-free{background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.15);color:#64748b}.status-badge-lg.badge-vip{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;color:#fff;box-shadow:0 4px 15px rgba(245,158,11,.4)}.shimmer-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(6,182,212,.15),transparent);background-size:200% 100%;animation:shimmer 1.5s linear infinite;pointer-events:none;border-radius:20px}.showcase{padding:0}.showcase-title{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;text-align:center}.showcase-grid{display:flex;flex-direction:column;gap:12px}.showcase-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid rgba(6,182,212,.08);transition:all .4s;cursor:default;position:relative;overflow:hidden}.showcase-card:hover{background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.2);transform:translateX(4px)}.showcase-card:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:0 3px 3px 0;opacity:0;transition:opacity .3s}.showcase-card:hover:after{opacity:1}.sc-animal:after{background:linear-gradient(180deg,#22d3ee,#3b82f6)}.sc-plant:after{background:linear-gradient(180deg,#4ade80,#22d3ee)}.sc-food:after{background:linear-gradient(180deg,#f59e0b,#ef4444)}.sc-icon{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.sc-animal .sc-icon{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(59,130,246,.15))}.sc-plant .sc-icon{background:linear-gradient(135deg,rgba(74,222,128,.15),rgba(6,182,212,.15))}.sc-food .sc-icon{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(239,68,68,.12))}.sc-content{flex:1 1;min-width:0}.sc-label{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:3px}.sc-desc{font-size:12px;color:#64748b;line-height:1.4}.sc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sc-tag{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.3px}.sc-tag-cyan{background:rgba(6,182,212,.12);color:#67e8f9;border:1px solid rgba(6,182,212,.2)}.sc-tag-green{background:rgba(74,222,128,.12);color:#86efac;border:1px solid rgba(74,222,128,.2)}.sc-tag-amber{background:rgba(245,158,11,.12);color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.sc-tag-purple{background:rgba(139,92,246,.12);color:#c4b5fd;border:1px solid rgba(139,92,246,.2)}.sc-tag-red{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.showcase-footer{text-align:center;margin-top:16px;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.04);font-size:12px;color:#475569;line-height:1.5}.showcase-footer strong{color:#67e8f9;font-weight:600}.showcase-card:first-child{animation:cardFadeIn .6s ease-out .1s both}.showcase-card:nth-child(2){animation:cardFadeIn .6s ease-out .25s both}.showcase-card:nth-child(3){animation:cardFadeIn .6s ease-out .4s both}.error-result{text-align:center;padding:40px 20px}.error-icon{font-size:48px;color:#f87171;margin-bottom:16px}.error-text{font-size:16px;color:#fca5a5;font-weight:600;margin-bottom:8px}.error-desc{font-size:14px;color:#94a3b8;line-height:1.6}.confidence-row{justify-content:space-between;margin-bottom:20px}.confidence-row,.identified{display:flex;align-items:center}.identified{gap:8px;font-weight:600;font-size:17px;color:#fff}.identified svg{color:#4ade80;font-size:22px}.confidence-badge{padding:8px 20px;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;border-radius:100px;font-weight:700;font-size:14px;box-shadow:0 4px 15px rgba(34,197,94,.4)}.info-card{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(139,92,246,.08));border-radius:20px;padding:24px;border:1px solid rgba(6,182,212,.15);margin-bottom:20px}.species-name{font-size:28px;font-weight:800;background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.scientific-name{color:#67e8f9;font-style:italic;margin-bottom:12px;font-size:15px}.description{color:#cbd5e1;line-height:1.7;font-size:15px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border-radius:14px;border:1px solid rgba(6,182,212,.08);margin-bottom:8px;transition:all .3s}.detail-row:hover{background:hsla(0,0%,100%,.05);border-color:rgba(6,182,212,.15)}.detail-label{font-weight:600;color:#67e8f9;font-size:14px}.detail-value{color:#e2e8f0;font-size:14px}.detail-tag{padding:4px 14px;background:rgba(6,182,212,.15);color:#a5f3fc;border-radius:100px;border:1px solid rgba(6,182,212,.25);font-size:13px;font-weight:500;text-transform:capitalize}.detail-tag-danger{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.25)}.facts-card{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.06));border-radius:20px;padding:24px;border:1px solid rgba(139,92,246,.15);margin-top:20px}.facts-title{font-weight:700;font-size:17px;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:14px}.facts-title svg{color:#a78bfa}.fact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;color:#cbd5e1;line-height:1.5}.fact-dot{color:#a78bfa;margin-top:2px;font-size:16px;flex-shrink:0}.plant-section{margin-top:16px}.plant-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.plant-stat{padding:14px 16px;background:rgba(74,222,128,.06);border-radius:14px;border:1px solid rgba(74,222,128,.12);text-align:center}.plant-stat-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.plant-stat-value{font-size:15px;font-weight:700;color:#86efac}.list-card{background:linear-gradient(135deg,rgba(74,222,128,.06),rgba(6,182,212,.06));border-radius:16px;padding:20px;border:1px solid rgba(74,222,128,.12);margin-bottom:12px}.list-title{font-weight:700;font-size:15px;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:12px}.list-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:14px;color:#cbd5e1;line-height:1.5}.list-dot{flex-shrink:0;margin-top:6px;width:6px;height:6px;border-radius:50%}.dot-green{background:#4ade80}.dot-cyan{background:#22d3ee}.dot-amber{background:#fbbf24}.dot-purple{background:#a78bfa}.dot-red{background:#f87171}.food-section{margin-top:16px}.cuisine-badge{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(239,68,68,.1));border-radius:100px;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.cal-badge,.cuisine-badge{display:inline-block;padding:6px 16px;font-weight:600;font-size:13px;margin-bottom:16px}.cal-badge{margin-left:8px;background:rgba(239,68,68,.1);border-radius:100px;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.nutrient-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}@media (max-width:640px){.nutrient-grid{grid-template-columns:repeat(2,1fr)}}.nutrient-box{padding:12px 8px;text-align:center;border-radius:14px;background:hsla(0,0%,100%,.03);border:1px solid rgba(6,182,212,.1)}.nutrient-val{font-size:18px;font-weight:800;color:#22d3ee}.nutrient-label{font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;margin-top:2px}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.mini-tag{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600}.mini-tag-vitamin{background:rgba(74,222,128,.1);color:#86efac;border:1px solid rgba(74,222,128,.2)}.mini-tag-mineral{background:rgba(139,92,246,.1);color:#c4b5fd;border:1px solid rgba(139,92,246,.2)}.steps-card{background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(239,68,68,.04));border-radius:16px;padding:20px;border:1px solid rgba(245,158,11,.12);margin-bottom:12px}.step-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.step-num{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-text{font-size:14px;color:#cbd5e1;line-height:1.5}.upgrade-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9998;animation:upgFadeIn .3s ease-out}.upgrade-wrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:upgSlideUp .5s cubic-bezier(.16,1,.3,1)}.upgrade-card{width:100%;max-width:440px;padding:0;overflow:hidden;background:linear-gradient(160deg,rgba(15,15,30,.99),rgba(25,12,55,.99),rgba(15,15,30,.99));border-radius:28px;border:1px solid rgba(245,158,11,.2);animation:upgPulseGlow 3s ease-in-out infinite;text-align:center;position:relative;font-family:Inter,sans-serif}.upgrade-card:before{top:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,#f97316,#ef4444,#f97316,#fbbf24,transparent);background-size:200% auto;animation:upgShimmer 3s linear infinite}.upgrade-card:after,.upgrade-card:before{content:"";position:absolute;left:0;right:0}.upgrade-card:after{bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.upg-top-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(245,158,11,.15),transparent 70%);pointer-events:none}.upg-header{padding:32px 32px 0;position:relative}.upgrade-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .3s;z-index:2}.upgrade-close:hover{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.25)}.upg-icon-wrap{display:inline-flex;position:relative;margin-bottom:16px;animation:upgFloat 3s ease-in-out infinite}.upg-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 40px rgba(245,158,11,.35);position:relative;z-index:1}.upg-icon-ring{position:absolute;inset:-6px;border-radius:24px;border-color:rgba(245,158,11,.4) rgba(249,115,22,.2) transparent transparent;border-style:solid;border-width:2px;animation:upgRing 3s linear infinite}.upgrade-title{font-size:26px;font-weight:900;color:#fff;margin-bottom:6px;letter-spacing:-.5px}.upgrade-title span{background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-subtitle{font-size:13px;color:#64748b;margin-bottom:0}.upg-countdown{margin:20px 32px 0;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(6,182,212,.06),rgba(139,92,246,.04));border:1px solid rgba(6,182,212,.1)}.upg-countdown-label{font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.upg-countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.upg-time-block{display:flex;flex-direction:column;align-items:center;gap:2px;animation:upgCountPulse 2s ease-in-out infinite}.upg-time-block:nth-child(2){animation-delay:.3s}.upg-time-block:nth-child(4){animation-delay:.6s}.upg-time-num{font-size:28px;font-weight:900;color:#22d3ee;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upg-time-unit{font-size:9px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:1px}.upg-time-sep{font-size:22px;font-weight:700;color:#334155;margin-top:-8px}.upg-countdown-hint{font-size:11px;color:#64748b;margin-top:8px}.upg-countdown-hint span{color:#22d3ee;font-weight:600}.upg-features{margin:20px 32px 0;display:flex;flex-direction:column;gap:8px}.upg-feature{gap:10px;padding:10px 14px;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.04);text-align:left}.upg-feature,.upg-feature-icon{display:flex;align-items:center}.upg-feature-icon{width:32px;height:32px;border-radius:10px;flex-shrink:0;justify-content:center;font-size:14px}.upg-feature-icon.f1{background:rgba(34,211,238,.1);color:#22d3ee}.upg-feature-icon.f2{background:rgba(168,85,247,.1);color:#a855f7}.upg-feature-icon.f3{background:rgba(52,211,153,.1);color:#34d399}.upg-feature-text{font-size:13px;color:#cbd5e1;font-weight:500}.upg-feature-text strong{color:#fff;font-weight:700}.upg-pricing{margin:24px 32px 0;padding:20px;border-radius:18px;background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(249,115,22,.04));border:1px solid rgba(245,158,11,.12);position:relative;overflow:hidden}.upg-pricing:before{content:"BEST VALUE";position:absolute;top:12px;right:-28px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:8px;font-weight:800;letter-spacing:1.5px;padding:4px 36px;transform:rotate(45deg);box-shadow:0 2px 10px rgba(245,158,11,.3)}.upg-pricing-old{font-size:14px;color:#475569;text-decoration:line-through;margin-bottom:2px}.upg-pricing-price{font-size:48px;font-weight:900;line-height:1;background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upg-pricing-price sup{font-size:20px;font-weight:700;vertical-align:super}.upg-pricing-period{font-size:13px;color:#64748b;margin-top:4px}.upg-pricing-period strong{color:#94a3b8}.upg-pricing-daily{font-size:11px;color:#475569;margin-top:6px}.upg-pricing-daily span{color:#22d3ee;font-weight:600}.upg-cta{padding:20px 32px 28px}.upgrade-btns{display:flex;flex-direction:column;gap:10px}.upgrade-btn{width:100%;padding:15px;border:none;border-radius:16px;font-weight:700;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.upgrade-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:200% auto;animation:upgShimmer 3s linear infinite;pointer-events:none}.upgrade-btn:hover{transform:translateY(-2px)}.upgrade-stripe{background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);box-shadow:0 6px 30px rgba(99,102,241,.4)}.upgrade-gcash{background:linear-gradient(135deg,#06b6d4,#0ea5e9,#3b82f6);box-shadow:0 6px 30px rgba(6,182,212,.4)}.upgrade-skip{background:none;border:1px solid hsla(0,0%,100%,.06);color:#475569;border-radius:14px;padding:12px;font-size:12px;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;margin-top:4px;width:100%;font-weight:500}.upgrade-skip:hover{border-color:hsla(0,0%,100%,.15);color:#64748b}.upg-guarantee{font-size:10px;color:#334155;margin-top:12px}.upg-guarantee span{color:#475569}.pay-section{padding:28px 28px 24px}.pay-header-icon{display:inline-flex;position:relative;margin-bottom:12px;animation:upgFloat 3s ease-in-out infinite}.pay-header-icon-inner{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 30px rgba(6,182,212,.3)}.pay-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}.pay-subtitle{font-size:13px;color:#64748b;margin-bottom:20px}.pay-qr-wrap{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pay-info-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pay-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);transition:all .2s}.pay-info-row:hover{background:hsla(0,0%,100%,.06)}.pay-info-left{display:flex;flex-direction:column;gap:2px}.pay-info-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pay-info-value{font-size:15px;color:#e2e8f0;font-weight:700;font-family:Inter,monospace}.pay-copy-btn{padding:6px 12px;border-radius:8px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);color:#a5b4fc;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.pay-copy-btn:hover{background:rgba(99,102,241,.25)}.pay-copy-btn.copied{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#86efac}.pay-warning{padding:10px 14px;border-radius:10px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.15);font-size:12px;color:#fbbf24;text-align:center;margin-bottom:16px}.pay-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.pay-btn-notyet{width:100%;padding:14px;border-radius:14px;background:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.2);color:#94a3b8;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif}.pay-btn-notyet:hover{background:rgba(100,116,139,.25)}.pay-btn-paid{width:100%;padding:14px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 25px rgba(34,197,94,.35);transition:all .3s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.pay-btn-paid:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(34,197,94,.45)}.claim-field{margin-bottom:14px}.claim-label{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:6px;display:flex;align-items:center;gap:4px}.claim-label .required{color:#f87171}.claim-input{width:100%;padding:12px 14px;border-radius:12px;background:rgba(15,23,42,.6);border:1px solid rgba(99,102,241,.2);color:#e2e8f0;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box}.claim-input:focus{border-color:rgba(99,102,241,.5)}.claim-input::placeholder{color:#475569}.claim-submit{width:100%;padding:15px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 25px rgba(99,102,241,.35);transition:all .3s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.claim-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 35px rgba(99,102,241,.45)}.claim-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.pay-back-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;display:inline-flex;align-items:center;gap:4px;transition:color .2s;font-family:Inter,sans-serif}.pay-back-btn:hover{color:#818cf8}.method-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;cursor:pointer;transition:all .3s;border:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.03)}.method-card:hover{background:hsla(0,0%,100%,.06);border-color:rgba(6,182,212,.2);transform:translateX(4px)}.method-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.method-icon.gcash{background:linear-gradient(135deg,rgba(0,112,224,.15),rgba(0,201,255,.1))}.method-icon.maya{background:linear-gradient(135deg,rgba(0,180,216,.15),rgba(0,119,182,.1))}.method-info{flex:1 1}.method-name{font-size:16px;font-weight:700;color:#e2e8f0}.method-desc{font-size:12px;color:#64748b;margin-top:2px}.method-arrow{color:#475569;font-size:14px}.success-icon-pop{animation:successPop .5s ease-out}@media (max-width:640px){.sipat-main{padding:88px 16px 60px}.nav-inner{padding:0 16px;height:64px}.glass-card{padding:20px}.upload-zone{padding:32px 16px}.image-preview img{height:260px}.status-bar{text-align:center}.status-bar,.status-left{flex-direction:column}.user-badge{display:none}}